.sb-root{--sb-desk:#18111d;--sb-desk-2:#221a29;--sb-fg:#f6efe3;--sb-dim:#f6efe39e;--sb-line:#f6efe31f;--sb-paper:#f7f3ec}.sb-panel{gap:10px}.sb-intro{flex:none}.sb-h1{padding-right:var(--wb-acts-w)}.sb-steps{border-radius:var(--ctl-r-md);background:var(--hover);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;display:grid}.sb-step{border-radius:calc(var(--ctl-r-md) - 3px);min-width:0;height:38px;color:var(--ink-70);font:600 12.5px/1.1 var(--f-ui);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:0 6px;display:flex}.sb-step svg{flex:none;display:none}.sb-step:not([aria-current]):not(:disabled):hover{background:var(--hover-2);color:var(--ink)}.sb-step[aria-current]{background:var(--sel-bg);color:var(--sel-fg);box-shadow:var(--sel-shadow)}.sb-step:disabled{opacity:.45;cursor:not-allowed}.sb-step-n{width:19px;height:19px;font:600 10.5px/1 var(--f-mono);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-70);border-radius:50%;flex:none;place-items:center;display:grid}.sb-step[data-done] .sb-step-n{color:var(--ok,#2f8f5b)}.sb-step-l{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sb-step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-seg button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-look:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-cell:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-secs button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-icon:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-body{overscroll-behavior:contain;gap:var(--wb-field-gap,16px);scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sb-body>*{flex:none}.sb-field{gap:var(--wb-label-gap,8px);flex-direction:column;min-width:0;display:flex}.sb-input{width:100%;min-width:0;height:var(--ctl-h-md,40px);border-radius:var(--ctl-r-md,12px);background:var(--field,var(--surface));box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:400 14px/1.45 var(--f-ui);border:0;padding:0 12px}.sb-input:focus-visible{box-shadow:inset 0 0 0 1.5px var(--ink-50);outline:none}.sb-input::placeholder{color:var(--ink-50)}.sb-script{resize:vertical;height:auto;min-height:220px;font:400 13.5px/1.6 var(--f-mono);padding:12px}.sb-count{font:500 11.5px/1 var(--f-mono);color:var(--ink-50);align-self:flex-end}.sb-hint{font:500 12.5px/1.45 var(--f-ui);color:var(--ink-70);margin:0}.sb-sum{font:700 15px/1.3 var(--f-ui);color:var(--ink);margin:0}.sb-link{height:var(--ctl-h-sm);border-radius:var(--ctl-r-sm);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:600 13px/1.2 var(--f-ui);cursor:pointer;border:0;align-self:flex-start;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.sb-link:hover{background:var(--hover)}.sb-seg{border-radius:var(--ctl-r-md);background:var(--hover);flex-wrap:wrap;align-self:flex-start;gap:3px;max-width:100%;padding:3px;display:inline-flex}.sb-seg button{border-radius:calc(var(--ctl-r-md) - 3px);height:34px;color:var(--ink-70);font:600 13px/1 var(--f-ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.sb-seg button:not([aria-checked=true]):hover{background:var(--hover-2);color:var(--ink)}.sb-seg button[aria-checked=true]{background:var(--sel-bg);color:var(--sel-fg);box-shadow:var(--sel-shadow)}.sb-looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sb-look{border-radius:var(--ctl-r-md);background:var(--surface);min-width:0;height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-70);font:600 13px/1.15 var(--f-ui);cursor:pointer;text-align:left;border:0;align-items:center;gap:8px;padding:0 10px;display:flex}.sb-look:not([aria-checked=true]):hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-50)}.sb-look[aria-checked=true]{background:var(--sel-bg);color:var(--sel-fg);box-shadow:var(--sel-shadow-card,var(--sel-shadow))}.sb-look-sw{width:30px;height:22px;box-shadow:inset 0 0 0 1px var(--line-strong,var(--line));background-color:#f4f1ea;border-radius:5px;flex:none}.sb-look[data-look=sketch] .sb-look-sw{background-image:repeating-linear-gradient(135deg,#28202c73 0 1px,#0000 1px 4px)}.sb-look[data-look=ink] .sb-look-sw{background-image:linear-gradient(90deg,#2a2230 0 38%,#8c8690 38% 70%,#f4f1ea 70%)}.sb-look[data-look=color] .sb-look-sw{background-image:linear-gradient(135deg,#6c5a72,#c58a5e 60%,#e9d6b8)}.sb-look[data-look=clean] .sb-look-sw{background-image:linear-gradient(#2a2230,#2a2230),linear-gradient(#d9d5ce,#d9d5ce);background-position:50% 30%,0 100%;background-repeat:no-repeat;background-size:70% 2px,100% 45%}.sb-cast{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sb-cast li{grid-template-columns:32px minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:8px;display:grid}.sb-cast img,.sb-cast-ph{object-fit:cover;width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}.sb-cast-ph{background:var(--hover);font:700 13px/1 var(--f-ui);color:var(--ink-70);place-items:center;display:grid}.sb-cast b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 13px/1.2 var(--f-ui);overflow:hidden}.sb-cast-pick{min-width:0}.sb-btn{height:var(--ctl-h-md,40px);border-radius:var(--ctl-r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--jelly-btn-shadow,none);color:var(--ink);font:600 14px/1 var(--f-ui);cursor:pointer;white-space:nowrap;transition:background-color .15s ease, transform .15s var(--ease-hover,ease);border:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.sb-btn:hover:not(:disabled){background:var(--hover)}.sb-btn:active:not(:disabled){transform:translateY(1px)}.sb-btn:disabled{opacity:.5;cursor:not-allowed}.sb-btn-sm{height:var(--ctl-h-sm,32px);padding:0 10px;font-size:12.5px}.sb-row{flex-wrap:wrap;gap:6px;display:flex}.sb-switch{font:500 14px/1.3 var(--f-ui);color:var(--ink);cursor:pointer;align-items:center;gap:10px;display:flex}.sb-redraw .wb-label{font-family:var(--f-mono)}.sb-mini{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sb-mini button{width:100%;color:var(--ink-70);text-align:left;font:500 13px/1.35 var(--f-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:baseline;gap:8px;padding:7px 8px;display:grid}.sb-mini button b{font:700 12px/1 var(--f-mono);color:var(--ink)}.sb-mini button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sb-mini button:hover{background:var(--hover);color:var(--ink)}.sb-mini button[aria-pressed=true]{background:var(--sel-bg);color:var(--sel-fg);box-shadow:var(--sel-shadow)}.sb-mini button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-foot{flex-direction:column;flex:none;gap:8px;display:flex}.sb-nav{justify-content:space-between;gap:8px;display:flex}.sb-nav:empty{display:none}.sb-next{margin-left:auto}.sb-free{text-align:center;font:500 12px/1.3 var(--f-ui);color:var(--ink-50);margin:0}.sb-toast{border-radius:var(--ctl-r-sm);background:var(--ink);color:var(--on-ink,#fff);font:500 13px/1.4 var(--f-ui);margin:0;padding:8px 12px}.sb-stage{background:var(--sb-desk);color:var(--sb-fg);scrollbar-width:thin;scrollbar-color:#f6efe333 transparent;padding:clamp(14px,2vw,28px);display:block;overflow-y:auto}.sb-tag{border-radius:var(--ctl-r-pill,999px);height:24px;box-shadow:inset 0 0 0 1px var(--sb-line);font:600 11.5px/1 var(--f-ui);color:var(--sb-dim);align-items:center;padding:0 10px;display:inline-flex}.sb-ex{flex-direction:column;gap:16px;width:min(100%,1100px);margin:0 auto;display:flex}.sb-ex-head{flex-wrap:wrap;align-items:baseline;gap:10px 14px;display:flex}.sb-ex-head h2{font:800 clamp(22px, 2.4vw, 32px)/1.1 var(--f-display);letter-spacing:var(--ls-display,-.02em);color:var(--sb-fg);margin:0}.sb-ex-meta{font:600 12.5px/1 var(--f-mono);color:var(--sb-dim)}.sb-ex-cast{font:600 13px/1.3 var(--f-ui);color:var(--sb-fg);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 0;display:flex}.sb-ex-who{align-items:center;gap:8px;display:inline-flex}.sb-ex-who img{object-fit:cover;width:28px;height:28px;box-shadow:0 0 0 1px var(--sb-line);border-radius:50%}.sb-ex-cast a{color:var(--sb-dim);text-underline-offset:3px;cursor:pointer;text-decoration:underline}.sb-ex-cast a:hover{color:var(--sb-fg)}.sb-ex-anim{margin:12px 0 0}.sb-ex-anim .sb-ex-video{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;height:auto;display:block;overflow:hidden}.sb-ex-anim figcaption{font:600 12px/1.2 var(--f-mono);color:var(--sb-dim);margin-top:6px}.sb-ex-board{box-shadow:0 0 0 6px var(--sb-paper), 0 24px 50px -26px #000000b3;border-radius:14px;margin:0;position:relative;overflow:hidden}.sb-ex-board img{width:100%;height:auto;display:block}.sb-ex-nums{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:0}.sb-ex-nums li{color:#fff;font:700 11.5px/1 var(--f-mono);background:#18111dd1;border-radius:6px;place-self:start;margin:8px;padding:4px 7px}.sb-ex-open{color:var(--sb-fg);box-shadow:inset 0 0 0 1px var(--sb-line);background:0 0;align-self:center}.sb-ex-open:hover:not(:disabled){background:#f6efe30f}.sb-example-note{font:500 13px/1.4 var(--f-ui);color:var(--sb-dim);text-align:center;margin:0 0 12px}.sb-table-wrap{width:min(100%,1100px);margin:0 auto}.sb-facts{flex-wrap:wrap;gap:6px 22px;margin-bottom:12px;display:flex}.sb-facts p{font:500 13px/1.4 var(--f-ui);color:var(--sb-fg);margin:0}.sb-facts b{font:700 11px/1 var(--f-mono);color:var(--sb-dim);text-transform:none;margin-right:6px}.sb-table{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sb-shot{background:var(--sb-paper);color:#2a2230;border-radius:12px;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"n meta""n act""n lines";gap:6px 14px;padding:12px 44px 12px 12px;display:grid;position:relative}.sb-table-wrap[data-compact] .sb-shot{padding-right:12px}.sb-shot-n{flex-direction:column;grid-area:n;gap:4px;display:flex}.sb-shot-n b{font:800 22px/1 var(--f-display);color:#352242}.sb-shot-n span{font:600 11px/1 var(--f-mono);color:#3522428c}.sb-shot-meta{flex-wrap:wrap;grid-area:meta;align-items:center;gap:6px;display:flex}.sb-shot-meta>:not(.sb-scene):not(.sb-secs):not(.sb-chips){flex:0 200px;width:auto;min-width:0}.sb-chips{flex-wrap:wrap;gap:4px;display:flex}.sb-chips span{height:24px;font:600 11.5px/1 var(--f-mono);color:#352242;background:#35224212;border-radius:6px;align-items:center;padding:0 8px;display:inline-flex}.sb-scene{font:600 11.5px/1.2 var(--f-ui);color:#3522428c;margin-left:auto}.sb-action{resize:vertical;color:#2a2230;background:#fffdf8;grid-area:act;height:auto;min-height:52px;padding:8px 10px;box-shadow:inset 0 0 0 1px #35224224}.sb-action-ro{font:500 14px/1.5 var(--f-ui);color:#2a2230;grid-area:act;margin:0}.sb-lines{font:italic 500 13px/1.45 var(--f-ui);color:#2a2230d1;flex-direction:column;grid-area:lines;gap:2px;margin:0;display:flex}.sb-lines b{margin-right:4px;font-style:normal;font-weight:700}.sb-secs{border-radius:8px;align-items:center;gap:2px;height:30px;padding:0 2px;display:inline-flex;box-shadow:inset 0 0 0 1px #35224229}.sb-secs b{text-align:center;min-width:30px;font:700 12px/1 var(--f-mono)}.sb-secs button{color:#352242;width:26px;height:26px;font:700 15px/1 var(--f-ui);cursor:pointer;background:0 0;border:0;border-radius:6px}.sb-secs button:hover{background:#35224214}.sb-icon{color:#35224280;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:8px}.sb-icon:hover{color:#352242;background:#35224214}.sb-boards{flex-direction:column;gap:22px;width:min(100%,1180px);margin:0 auto;display:flex}.sb-board h3{font:700 12px/1 var(--f-mono);color:var(--sb-dim);margin:0 0 10px}.sb-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:relative}.sb-cell{background:var(--sb-desk-2);box-shadow:0 0 0 3px var(--sb-paper);cursor:pointer;transition:transform .16s var(--ease-hover,ease), box-shadow .16s ease;border:0;border-radius:6px;padding:0;position:relative;overflow:hidden}.sb-cell img{object-fit:cover;width:100%;height:100%;transition:transform .16s var(--ease-hover,ease);display:block}.sb-cell b{color:#fff;font:700 11px/1 var(--f-mono);background:#18111dd1;border-radius:5px;padding:3px 6px;position:absolute;top:6px;left:6px}.sb-cell:hover img{transform:scale(1.04)}.sb-cell[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent)}.sb-grid-wait .sb-cell-wait{cursor:default;background:linear-gradient(110deg, var(--sb-desk-2) 30%, #2c2334 50%, var(--sb-desk-2) 70%);box-shadow:inset 0 0 0 1px var(--sb-line);background-size:220% 100%;border-radius:6px;flex-direction:column;justify-content:space-between;padding:8px;animation:1.6s linear infinite sb-sheen;display:flex}.sb-cell-wait b{align-self:flex-start;position:static}.sb-cell-wait em{font:500 11.5px/1.2 var(--f-ui);color:var(--sb-dim);font-style:normal}.sb-drawing{text-align:center;font:600 12px/1 var(--f-ui);color:var(--sb-dim);position:absolute;inset:auto 0 -26px}@keyframes sb-sheen{0%{background-position:120% 0}to{background-position:-120% 0}}.sb-whole{margin:0}.sb-whole img{border-radius:10px;width:100%;display:block}.sb-fail{font:500 13px/1.4 var(--f-ui);color:var(--sb-dim);margin:8px 0 0}.sb-anim{flex-direction:column;gap:14px;width:min(100%,1100px);margin:0 auto;display:flex}.sb-video,.sb-poster{object-fit:contain;background:#000;border-radius:12px;width:100%;max-height:68vh;display:block}.sb-poster{place-items:center;display:grid;position:relative;overflow:hidden}.sb-poster img{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.sb-poster-l{font:600 13px/1 var(--f-ui);color:#fff;background:#18111dcc;border-radius:999px;padding:8px 14px;position:relative}.sb-poster-bar{background:var(--accent);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0}.sb-strip{background:#0e0a12;border-radius:8px;gap:3px;margin:0;padding:6px;list-style:none;display:flex;box-shadow:inset 0 6px 0 -3px #f6efe314,inset 0 -6px 0 -3px #f6efe314}.sb-strip li{background:var(--sb-desk-2);border-radius:3px;flex:1 1 0;min-width:0;height:54px;position:relative;overflow:hidden}.sb-strip img{object-fit:cover;width:100%;height:100%}.sb-strip b{font:700 10px/1 var(--f-mono);color:#fff;text-shadow:0 1px 2px #000;position:absolute;bottom:3px;left:3px}@media (prefers-reduced-motion:reduce){.sb-cell-wait{animation:none}.sb-cell,.sb-cell img,.sb-btn{transition:none}.sb-cell:hover img{transform:none}}@media (max-width:900px){.sb{padding-bottom:calc(var(--wb-go-h) + 40px + env(safe-area-inset-bottom,0px))}.sb .wb-panel{flex:none;order:2}.sb .wb-stage{flex:none;order:1;min-height:0;overflow:visible}.sb-body{flex:none;overflow:visible}.sb-free{display:none}.sb-stage{padding:12px}.sb-script{min-height:180px}.sb-step{flex-direction:column;gap:2px;height:46px}.sb-grid{gap:5px}.sb-shot{grid-template-columns:44px minmax(0,1fr);padding-right:40px}.sb-scene{width:100%;margin-left:0}.sb-strip li{height:40px}}@media (max-width:420px){.sb-looks{grid-template-columns:1fr 1fr}.sb-look{padding:0 8px;font-size:12.5px}.sb-cast li{grid-template-columns:28px minmax(0,1fr)}.sb-cast-pick{grid-column:1/-1}}
