@font-face{font-family:Helvetica Neue LT Pro Blk;src:local("HelveticaNeueLTPro-Blk"),url(/assets/fonts/HelveticaNeueLTProBlk.otf) format("opentype");font-display:swap}@font-face{font-family:Bootzy Condensed;src:local("Bootzy Condensed TM Regular"),url(/assets/fonts/BootzyCondensedTM-Regular-66cee2fc.ttf) format("truetype");font-display:swap}:root{--sb-paper: #f2efe6;--sb-ink: #0d0d0d;--sb-red: #ff0f0f}.sb-root,.sb-root *{box-sizing:border-box}.sb-root{background:var(--sb-paper);color:var(--sb-ink);min-height:100svh;font-family:var(--font-body)}.sb-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:20px clamp(16px,3vw,40px);border-bottom:3px solid var(--sb-ink)}.sb-logo{font-family:var(--font-display);font-size:22px;text-decoration:none;color:var(--sb-ink)}.sb-head h1{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);margin:0;letter-spacing:-.01em}.sb-sub{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;opacity:.7}.sb-main{display:grid;grid-template-columns:1fr;gap:24px;padding:20px clamp(16px,3vw,40px) 60px}@media(min-width:900px){.sb-main{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.sb-stage{display:flex;flex-direction:column;gap:14px}.sb-artboard{width:100%;max-width:620px;margin:0 auto;aspect-ratio:1240 / 1754;background:var(--sb-ink);border:3px solid var(--sb-ink);box-shadow:8px 8px #0d0d0d2e}#artboard{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.sb-stage-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sb-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sb-btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:var(--sb-ink);color:var(--sb-paper);border:2px solid var(--sb-ink);padding:10px 16px;cursor:pointer;border-radius:0}.sb-btn:hover{background:var(--sb-red);border-color:var(--sb-red)}.sb-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--sb-ink);border-color:var(--sb-ink)}.sb-btn--ghost{background:transparent;color:var(--sb-ink)}.sb-btn--ghost:hover{background:var(--sb-ink);color:var(--sb-paper)}.sb-btn--red{background:var(--sb-red);border-color:var(--sb-red);color:#fff}.sb-btn--red:hover{background:var(--sb-ink);border-color:var(--sb-ink)}.sb-btn--lg{width:100%;padding:14px 16px;font-size:13px}.sb-check{font-family:var(--font-mono);font-size:12px;display:flex;gap:6px;align-items:center;cursor:pointer}.sb-panel{display:flex;flex-direction:column;gap:22px}.sb-section{border:2px solid var(--sb-ink);padding:14px}.sb-section h2{font-family:var(--font-display);font-size:16px;margin:0 0 8px}.sb-hint{font-family:var(--font-mono);font-size:11px;opacity:.65;margin:0 0 10px}.sb-pool{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(min-width:900px){.sb-pool{grid-template-columns:repeat(3,1fr)}}.sb-thumb{aspect-ratio:1;border:2px solid var(--sb-ink);background-size:cover;background-position:center;filter:grayscale(1) contrast(1.2);cursor:pointer;padding:0}.sb-thumb:hover{outline:2px solid var(--sb-red);outline-offset:-2px;filter:grayscale(1) contrast(1.35)}.sb-stickers{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sb-sticker-btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;border:2px solid var(--sb-ink);background:var(--sb-paper);color:var(--sb-ink);padding:10px 6px;cursor:pointer}.sb-sticker-btn:hover{background:var(--sb-red);border-color:var(--sb-red);color:#fff}.sb-section--export{border-color:var(--sb-red)}.sb-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px clamp(16px,3vw,40px);border-top:3px solid var(--sb-ink);font-family:var(--font-mono);font-size:11px}.sb-foot .stamp{background:var(--sb-ink);color:var(--sb-paper)}.sb-steps{display:flex;flex-wrap:wrap;gap:0;border-bottom:3px solid var(--sb-ink)}.sb-step{flex:1 1 auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;padding:12px 10px;background:var(--sb-paper);color:var(--sb-ink);border:0;border-right:2px solid var(--sb-ink);cursor:pointer}.sb-step:last-child{border-right:0}.sb-step.is-on{background:var(--sb-ink);color:var(--sb-paper)}.sb-step:disabled{opacity:.35;cursor:not-allowed}.sb-status{font-family:var(--font-mono);font-size:12px;line-height:1.5;margin:0;padding:8px 10px;border-left:4px solid var(--sb-red);background:#0d0d0d0a;min-height:34px}.sb-page-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;background:var(--sb-ink);color:var(--sb-paper);padding:6px 10px}.sb-rail-wrap{border:2px solid var(--sb-ink);padding:12px}.sb-rail-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.sb-rail-head h2{font-family:var(--font-display);font-size:16px;margin:0 0 8px}.sb-rail{display:flex;gap:10px;overflow-x:auto;padding:10px 2px 4px}.sb-page{position:relative;flex:0 0 auto;padding:0;border:2px solid var(--sb-ink);background:var(--sb-paper);cursor:pointer;line-height:0}.sb-page.is-on{outline:3px solid var(--sb-red);outline-offset:2px}.sb-page-thumb{display:block;width:84px;height:119px}.sb-page-tag{position:absolute;left:0;bottom:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;background:var(--sb-ink);color:var(--sb-paper);padding:2px 5px;line-height:1.2}.sb-section--gate{border-color:var(--sb-red);border-width:3px}.sb-section h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;margin:16px 0 8px}.sb-field{display:block;margin-bottom:12px}.sb-field>span{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;margin-bottom:4px}.sb-field input,.sb-field textarea{width:100%;font-family:var(--font-mono);font-size:14px;color:var(--sb-ink);background:var(--sb-paper);border:2px solid var(--sb-ink);border-radius:0;padding:9px 10px}.sb-field textarea{resize:vertical;line-height:1.5}.sb-field input:focus,.sb-field textarea:focus{outline:3px solid var(--sb-red);outline-offset:-3px}.sb-field-row{display:flex;gap:10px}.sb-field-row .sb-field{flex:1 1 0}.sb-echo{font-family:var(--font-display);font-size:clamp(20px,3vw,30px);line-height:1.05;border:2px dashed var(--sb-ink);padding:12px;margin:6px 0 12px;word-break:break-word}.sb-echo.is-empty{font-family:var(--font-mono);font-size:12px;opacity:.5}.sb-choice{display:flex;gap:8px;flex-wrap:wrap}.sb-cover-btn,.sb-arm-btn{flex:1 1 30%;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;border:2px solid var(--sb-ink);background:var(--sb-paper);color:var(--sb-ink);padding:10px 6px;cursor:pointer}.sb-cover-btn.is-on,.sb-arm-btn.is-on{background:var(--sb-ink);color:var(--sb-paper)}.sb-blurb{margin-top:8px;line-height:1.6}.sb-thumb.is-on{outline:3px solid var(--sb-red);outline-offset:-3px;filter:grayscale(0) contrast(1.1)}.sb-thumb.is-mine{border-color:var(--sb-red)}.sb-upload{display:block;margin-top:10px}.sb-upload input{display:block;width:100%;font-family:var(--font-mono);font-size:11px;margin-bottom:6px}.sb-upload span{font-family:var(--font-mono);font-size:11px;opacity:.65}.sb-check-list{list-style:none;margin:0 0 14px;padding:0}.sb-check-list li{font-family:var(--font-mono);font-size:11px;line-height:1.7;letter-spacing:.02em}.sb-check-list li.is-todo{color:var(--sb-red)}.sb-check-list li.is-ok{opacity:.65}.sb-ready{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;background:var(--sb-red);color:#fff;padding:5px 10px;margin-bottom:10px}.sb-section .sb-btn--lg+.sb-btn--lg{margin-top:8px}@media(prefers-reduced-motion:reduce){.sb-root *{transition:none!important;animation:none!important}}