.sp-workspace{margin:var(--family-space-32) auto 0}.sp-grid{gap:var(--family-space-24);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.sp-editor,.sp-output-column{gap:var(--family-space-24);min-width:0;display:grid}.sp-panel{padding:var(--family-card-padding);gap:var(--family-space-16);min-width:0;display:grid}.sp-panel h2{font-size:var(--family-type-heading);margin:0 0 var(--family-space-4)}.sp-panel p{margin:0}.sp-field{gap:var(--family-space-8);min-width:0;display:grid}.sp-panel input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.sp-panel select{border:1px solid var(--line-strong);border-radius:var(--family-control-radius);background:var(--field);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;padding:10px 12px}.sp-panel button,.sp-download{border:1px solid var(--line-strong);border-radius:var(--family-control-radius);background:var(--field);color:var(--ink);min-height:44px;font:inherit;cursor:pointer;padding:10px 14px}.sp-panel button:disabled{opacity:.5;cursor:default}.sp-panel button[aria-pressed=true]{border-color:var(--family-accent);box-shadow:inset 0 0 0 1px var(--family-accent);background:var(--family-accent-soft)}.sp-segments,.sp-export-actions,.sp-canvas-presets{gap:var(--family-space-8);flex-wrap:wrap;display:flex}.sp-segments button{flex:auto}.sp-two{gap:var(--family-space-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sp-symbols{gap:var(--family-space-8);padding:var(--family-space-4);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.sp-symbols button{padding:var(--family-space-8);aspect-ratio:1;place-items:center;display:grid}.sp-symbols img{background:#f5f5f5;border-radius:4px;width:32px;max-width:100%;height:32px;padding:2px}.sp-preset-list{gap:var(--family-space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sp-preset-list button{justify-items:center;gap:var(--family-space-8);overflow-wrap:anywhere;min-width:0;display:grid}.sp-preset-list canvas{background:#f5f5f5;border-radius:4px;width:40px;height:40px}.sp-pagination{justify-content:space-between;align-items:center;gap:var(--family-space-8);font-size:var(--family-type-small);display:flex}.sp-hint,.sp-status,.sp-selection,.sp-opening{color:var(--muted);font-size:var(--family-type-small);overflow-wrap:anywhere;line-height:1.6}.sp-opening{margin:var(--family-space-32) auto;text-align:center}.sp-error{color:var(--danger);padding:var(--family-space-16);border:1px solid var(--danger);border-radius:var(--family-control-radius);overflow-wrap:anywhere}.sp-panel .sp-primary{background:var(--family-accent);min-height:46px;color:var(--family-accent-contrast);border-color:var(--family-accent)}.sp-download{align-items:center;gap:var(--family-space-8);overflow-wrap:anywhere;max-width:100%;display:inline-flex}.sp-upload{gap:var(--family-space-16);padding:var(--family-space-24);border:1px dashed var(--line-strong);border-radius:var(--family-control-radius);display:grid}.sp-upload input{width:100%;min-width:0;font:inherit;font-size:var(--family-type-small)}.sp-artboard{border:1px solid var(--line-strong);background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0/16px 16px;width:100%;min-height:64px;overflow:hidden}.sp-preview{width:100%;height:auto;display:block}.sp-canvas-facts{font-size:var(--family-type-small);color:var(--muted);overflow-wrap:anywhere}.sp-panel .icon-colour{border:0;min-width:0;margin:0;padding:0}.sp-panel .icon-colour legend{font-size:var(--family-type-small);margin-bottom:var(--family-space-8)}.sp-panel .icon-colour-inputs{align-items:center;gap:var(--family-space-8);display:flex}.sp-panel .icon-colour-inputs input[type=color]{border:1px solid var(--line-strong);border-radius:var(--family-control-radius);background:var(--field);flex:0 0 44px;width:44px;height:44px;padding:2px}.sp-panel .icon-swatches{gap:var(--family-space-8);margin:var(--family-space-12) 0;flex-wrap:wrap;display:flex}.sp-panel .icon-swatches button{border-radius:50%;width:28px;height:28px;min-height:28px;padding:0}.sp-panel .icon-swatches button[aria-pressed=true]{outline:2px solid var(--family-accent);outline-offset:2px}.sp-panel .icon-colour details{font-size:var(--family-type-small)}.sp-panel .icon-colour summary{cursor:pointer;min-height:36px}.sp-panel .icon-colour details label{gap:var(--family-space-8);grid-template-columns:48px minmax(0,1fr);align-items:center;display:grid}.sp-panel input[type=range]{width:100%;min-width:0;min-height:32px;accent-color:var(--family-accent)}.sp-panel input[aria-invalid=true]{border-color:var(--danger)!important}@media (width<=850px){.sp-grid{grid-template-columns:1fr}}@media (width<=420px){.sp-two{grid-template-columns:1fr}.sp-pagination{flex-wrap:wrap}.sp-preset-list{grid-template-columns:1fr}.sp-preset-list button{text-align:left;grid-template-columns:40px minmax(0,1fr);place-items:center start}}