:root{--on-accent: var(--white)}.ss-app{width:100%;max-width:1120px;margin-inline:auto;display:flex;flex-direction:column;gap:clamp(14px,2.4vw,20px)}.ss-h2{margin:0;font-size:clamp(19px,2.6vw,25px);line-height:1.15}.ss-of{font-size:13px;color:var(--text-muted)}.ss-legend{display:block;font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.ss-hint{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:0}.ss-intake{display:flex;flex-direction:column;gap:12px}.ss-field-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:6px}.ss-textarea{min-height:190px;resize:vertical;line-height:1.5;font-family:var(--font-body)}.ss-count{margin:0;font-size:12.5px;font-weight:600;color:var(--text-muted)}.ss-build{align-self:flex-start}.ss-or{margin:2px 0;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);text-align:center}.ss-drop{display:flex;flex-direction:column;gap:6px}.ss-drop-title{font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.ss-drop-sub{font-size:13px;font-weight:600;color:var(--text-dim)}.ss-intake-more{display:flex;flex-wrap:wrap;gap:10px}.ss-photo-note{margin:0;max-width:70ch;font-size:13px;font-weight:600;line-height:1.55;color:var(--text-dim)}.ss-workspace{display:flex;flex-direction:column;gap:clamp(14px,2.4vw,20px)}.ss-brand{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 22px}.ss-brand-group{display:flex;flex-direction:column;gap:8px;min-width:0}.ss-seg{align-self:flex-start}.ss-accent-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ss-accent{width:64px;height:var(--tap);min-height:var(--tap);padding:3px;border:var(--bw) solid var(--ink);border-radius:0;background:var(--white);box-shadow:var(--shadow-sm);cursor:pointer}.ss-accent:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ss-swatches{display:flex;gap:6px;flex-wrap:wrap}.ss-swatch{width:var(--tap);height:var(--tap);min-width:var(--tap);min-height:var(--tap);border:var(--bw) solid var(--ink);border-radius:0;box-shadow:var(--shadow-sm);cursor:pointer;padding:0;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ss-swatch:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.ss-swatch:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.ss-swatch.is-on{outline:3px solid var(--ink);outline-offset:3px}.ss-swatch.is-on:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:inset 0 0 0 3px var(--ink),var(--shadow-sm)}.ss-toggle[aria-pressed=true]{background:var(--tool);color:var(--on-accent)}.ss-warn,.ss-fontnote,.ss-storage{margin:0;max-width:62ch;font-size:12.5px;font-weight:600;line-height:1.5;color:#7a3b00;background:#fff3d6;border:var(--bw) solid var(--ink);padding:8px 12px}.ss-fontnote,.ss-storage{flex-basis:100%}.ss-stage-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,2.4vw,20px);align-items:start}@media (min-width: 900px){.ss-stage-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.ss-stage{display:flex;flex-direction:column;gap:10px;min-width:0}.ss-canvas{display:block;width:100%;height:auto;max-width:100%;border:var(--bw) solid var(--ink);border-radius:0;box-shadow:var(--shadow);background:var(--white)}.ss-overflow{margin:0;font-size:12.5px;font-weight:600;line-height:1.5;color:#a3082b;background:#ffe1e6;border:var(--bw) solid var(--ink);padding:8px 12px}.ss-overflow-photo{color:#7a3b00;background:#fff3d6}.ss-editor{display:flex;flex-direction:column;gap:12px;min-width:0}.ss-editor-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ss-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.ss-tpl{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:var(--tap);padding:9px 11px;text-align:left;background:var(--white);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:0;box-shadow:var(--shadow-sm);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ss-tpl:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.ss-tpl:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.ss-tpl:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm)}.ss-tpl.is-on{background:var(--tool);color:var(--on-accent)}.ss-tpl-label{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.ss-tpl-hint{font-size:11.5px;font-weight:600;opacity:.82}.ss-tpl.is-on .ss-tpl-hint{opacity:1}.ss-field{display:flex;flex-direction:column;gap:6px}.ss-input{width:100%;font-family:var(--font-body)}.ss-input-title,.ss-input-body,.ss-input-items{resize:vertical;line-height:1.45}.ss-photo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ss-photo-name{font-size:12px;font-weight:600;color:var(--text-muted);overflow-wrap:anywhere}.ss-rephoto{margin:0;align-self:flex-start;font-size:12px;font-weight:700;color:#7a3b00;background:#fff3d6;border:var(--bw) solid var(--ink);padding:6px 10px}.ss-slide-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.ss-act-del{color:#a3082b}.ss-rail{display:flex;align-items:stretch;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 4px 10px;scrollbar-width:thin}.ss-rail-empty{margin:0;font-size:13px;font-weight:600;color:var(--text-muted)}.ss-rail-cell{display:flex;flex-direction:column;gap:6px;flex:0 0 auto;width:176px}.ss-rail-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;flex:1 1 auto;min-height:96px;padding:10px 11px;text-align:left;background:var(--white);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:0;box-shadow:var(--shadow-sm);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ss-rail-item:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.ss-rail-item:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.ss-rail-item.is-on{background:var(--tool);color:var(--on-accent);box-shadow:var(--shadow)}.ss-rail-n{font-size:15px;font-weight:700}.ss-rail-tpl{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.78}.ss-rail-item.is-on .ss-rail-tpl{opacity:1}.ss-rail-snip{font-size:12px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ss-rail-moves{display:flex;gap:6px}.ss-rail-move{flex:1 1 auto;min-width:var(--tap);min-height:var(--tap);padding:0}.ss-rail-add{flex:0 0 auto;min-height:96px}.ss-export{display:flex;flex-direction:column;gap:10px}.ss-export-row{display:flex;flex-wrap:wrap;gap:10px}.ss-reset.is-armed{background:#ffe1e6;color:#a3082b}.ss-phase{margin:0;min-height:18px;font-size:12.5px;font-weight:600;color:var(--text-muted)}.ss-progress-track{height:12px;border:var(--bw) solid var(--ink);border-radius:0;background:var(--paper-2);overflow:hidden}.ss-progress-bar{height:100%;background:var(--tool);transition:width var(--dur) var(--ease-out)}.ss-banner{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border:var(--bw) solid var(--ink);border-radius:0;background:#ffe1e6;color:#a3082b;font-size:13.5px;font-weight:600;line-height:1.5}.ss-banner svg{flex:0 0 auto;margin-top:2px}.ss-banner-text{flex:1 1 auto;min-width:0}.ss-banner-x{flex:0 0 auto;color:var(--ink)}.ss-note{margin:6px 0 0;max-width:70ch;font-size:13px;font-weight:600;line-height:1.55;color:var(--text-dim)}.ss-note-link{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}@media (max-width: 560px){.ss-build,.ss-intake-more>.btn,.ss-export-row>.btn{width:100%}.ss-export-row{flex-direction:column}.ss-brand{gap:14px}.ss-brand-group{flex-basis:100%}.ss-seg,.ss-accent-row{width:100%}.ss-seg{display:flex}.ss-seg>.seg-btn{flex:1 1 0}.ss-rail-cell{width:150px}.ss-tpls{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-slide-acts>.btn{flex:1 1 100%}}@media (prefers-reduced-motion: reduce){.ss-progress-bar,.ss-swatch,.ss-tpl,.ss-rail-item{transition:none}}