:root{--bg:#f5f5f5;--card:#fff;--fg:#333;--muted:#666;--line:#e0e0e0;--trail:#ff9800;--brand:#2e7d32;--brand-fill:#2e7d32;--brand-hover:#1b5e20;--blue:#1976d2;--btn:#fff;--btn-hover:#f5f5f5;--input:#fff;--shadow:#0000001a;--header-gradient:linear-gradient(135deg, #2e7d32 0%, #1976d2 100%);--beta:#dc3545;--display:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--body:var(--display);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1a1a1a;--card:#2a2a2a;--fg:#e0e0e0;--muted:#a0a0a0;--line:#404040;--trail:#ffa726;--brand:#66bb6a;--btn:#3a3a3a;--btn-hover:#454545;--input:#3a3a3a;--shadow:#0000004d;--blue:#42a5f5;--header-gradient:linear-gradient(135deg, #1b5e20 0%, #0d47a1 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:16px/1.5 var(--body);margin:0;overflow-x:clip}.wrap{max-width:1180px;padding:18px max(16px, env(safe-area-inset-right,0px)) 48px max(16px, env(safe-area-inset-left,0px));gap:14px;margin:0 auto;display:grid}.brand{font:600 28px/1 var(--display);align-items:center;gap:10px;display:flex}.brand span{color:var(--brand)}.brand .beta{font:700 11px/1 var(--display);letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--beta);border-radius:12px;align-self:flex-start;margin-left:2px;padding:3px 8px;box-shadow:0 2px 4px #dc35454d}.logo{background:var(--brand-fill);border-radius:50% 50% 50% 0;width:30px;height:30px;transform:rotate(-45deg)}.stage{aspect-ratio:16/9;border:1px solid var(--line);box-shadow:0 2px 10px var(--shadow);background:linear-gradient(#6fcdfb,#e9f8ff);border-radius:8px;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage canvas.hud{pointer-events:none;z-index:2}.stage canvas.hud[hidden]{display:none}.loading{z-index:6;max-width:calc(100% - 32px);font:600 18px var(--display);color:var(--fg);text-align:center;background:var(--card);border:1px solid var(--line);box-shadow:0 0 0 200vmax color-mix(in srgb, var(--bg) 82%, transparent);border-radius:12px;padding:14px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.overlay>*{pointer-events:auto}.playctl{z-index:4;opacity:0;pointer-events:none;align-items:center;gap:6px;transition:opacity .2s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.playctl.above{transform:translate(-50%,calc(-100% - 8px))}.stage:hover .playctl,.playctl:focus-within,.stage.exploring .playctl{opacity:1;pointer-events:auto}@media (hover:none){.playctl{opacity:1;pointer-events:auto}}.playctl .bigplay,.playctl .bigrestart{opacity:1;transform:none}.bigplay{border:1px solid var(--line);background:color-mix(in srgb, var(--btn) 94%, transparent);cursor:pointer;opacity:0;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;transition:opacity .2s,transform .2s;display:grid;position:relative;transform:scale(.9);box-shadow:0 2px 8px #00000040}.bigplay svg{width:26px;height:26px;fill:var(--fg)}.bigrestart{border:1px solid var(--line);background:color-mix(in srgb, var(--btn) 94%, transparent);cursor:pointer;opacity:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:opacity .2s;display:grid;position:relative;box-shadow:0 2px 8px #0003}.bigrestart svg{width:20px;height:20px;fill:var(--fg)}.stage:hover .bigrestart,.stage.paused .bigrestart,.bigrestart:focus-visible{opacity:1}.edge button.make{background:var(--brand-fill);color:#fff;border-color:var(--brand-fill)}.stage:hover .bigplay,.stage.paused .bigplay,.bigplay:focus-visible{opacity:1;transform:none}.stage.playing:not(:hover) .bigplay{pointer-events:none}.edge{opacity:1;gap:6px;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;left:10px;transform:translate(calc(-100% - 12px),-50%)}.edge button{box-shadow:0 1px 5px #0003}.edge-handle{writing-mode:vertical-rl;pointer-events:none;font:600 12px var(--display);letter-spacing:.06em;color:var(--fg);background:color-mix(in srgb, var(--btn) 94%, transparent);border:1px solid var(--line);border-left:0;border-radius:6px 0 0 6px;padding:12px 5px;transition:opacity .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(180deg)}.stage:hover .edge-handle,.stage.sheet-open .edge-handle,.stage:focus-within .edge-handle{opacity:0}@media (hover:none){.edge-handle{display:none}}.stage:hover .edge,.edge:focus-within{opacity:1;transform:translateY(-50%)}.edge button{font:500 13px var(--display);color:var(--fg);background:color-mix(in srgb, var(--btn) 96%, transparent);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:4px;padding:6px 10px}.edge button:hover{background:var(--btn-hover)}.hide-x{border:1px solid var(--line);background:var(--btn);cursor:pointer;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;box-shadow:0 1px 4px #0003}.hide-x svg{width:14px;height:14px;stroke:var(--muted);stroke-width:2.5px;stroke-linecap:round;fill:none}.hide-x:hover{background:var(--btn-hover)}.hide-x:hover svg{stroke:var(--fg)}.toast{color:#fff;font:500 14px var(--display);background:#323232;border-radius:4px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:10px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0000004d}.toast button{font:600 13px var(--display);color:#81c784;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 8px}.stage.over-rider canvas,.stage.over-box canvas{cursor:pointer}@media (hover:none){.edge{opacity:1;transform:translateY(-50%)}.stage.paused .bigplay{opacity:1}}@media (prefers-reduced-motion:reduce){.bigplay,.edge{transition:none}}.sheet{z-index:5;background:color-mix(in srgb, var(--card) 97%, transparent);border:1px solid var(--line);border-radius:12px;width:min(460px,100% - 166px);animation:.25s cubic-bezier(.2,.8,.2,1) both sheet-in;position:absolute;top:12px;bottom:12px;left:150px;overflow:auto;box-shadow:0 10px 40px #0000004d}@keyframes sheet-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.sheet .panel{flex-wrap:wrap;align-items:flex-start;gap:12px 20px;padding:14px 44px 16px 16px;animation:none;display:flex}.sheet .sheet-close{z-index:1;position:absolute;top:10px;right:10px}.sheet .panel{--label:5.6rem}.sheet .panel>.seg:has(>span){box-sizing:border-box;padding-left:var(--label);flex-basis:100%;position:relative}.sheet .panel>.seg>span{line-height:38px;position:absolute;top:0;left:0}.sheet .panel>[hidden]{display:none}.sheet .panel>.field:not([hidden]){grid-template-columns:var(--label) minmax(0, 1fr);flex-basis:100%;justify-items:start;gap:0;display:grid}.sheet .panel>.field input[type=text]{box-sizing:border-box;width:100%}.sheet .panel>.field>*~*{grid-column:2}.sheet .panel>.seg+p.muted{padding-left:var(--label);box-sizing:border-box;flex-basis:100%}.sheet .panel:has(>.seg>span,>.field)>.toggles{box-sizing:border-box;padding-left:var(--label);flex-basis:100%}.stage.sheet-open .edge{opacity:1;transform:translateY(-50%)}.edge button[aria-pressed=true]{background:var(--brand-fill);border-color:var(--brand-fill);color:#fff}@media (max-width:720px){.sheet{width:auto;inset:8px}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.bigrestart[hidden],.edit-clips[hidden],.shot-editor[hidden],.sheet[hidden],.toast[hidden],.hide-x[hidden],.loading[hidden],.field[hidden],.swatch[hidden],.seg[hidden],.toggles[hidden]{display:none}.toggles,.tiers{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.btn,.seg button,select,.swatch input{font:500 14px var(--display);color:var(--fg);background:var(--btn);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:8px 14px;transition:background .2s,border-color .2s}:is(.btn,.seg button,select):hover:not(:disabled):not([aria-pressed=true]){background:var(--btn-hover)}:is(.btn,.seg button)[aria-pressed=true]:hover:not(:disabled){background:var(--brand-hover)}:is(.btn,.seg button,select,.swatch input):focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn.primary{background:var(--brand-fill);border-color:var(--brand-fill);color:#fff}.btn.primary:hover:not(:disabled){background:var(--brand-hover)}.btn:disabled{opacity:.5;cursor:progress}.btn.toggle:disabled{opacity:.45;cursor:not-allowed}.seg{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.seg>span,.field,.swatch{font:500 13px var(--display);color:var(--muted)}.seg button[aria-pressed=true],.btn.toggle[aria-pressed=true]{background:var(--brand-fill);border-color:var(--brand-fill);color:#fff}.btn.toggle[aria-pressed=false]{color:var(--muted)}.field{align-items:center;gap:8px;display:flex}.swatch{align-items:center;gap:6px;display:inline-flex}.swatch.crossed{position:relative}.swatch.crossed input{opacity:.4}.swatch.crossed:after{content:"";background:var(--fg);pointer-events:none;border-radius:2px;width:50px;height:3px;margin-right:-25px;position:absolute;top:50%;right:21px;transform:translateY(-50%)rotate(-36deg)}.swatch input{width:42px;height:36px;padding:2px}.char-preview{aspect-ratio:4/3;border:1px solid var(--line);background:var(--line);border-radius:8px;width:240px;max-width:100%;height:auto}.char-preview:not([src]){visibility:hidden}.friends{justify-items:start;gap:6px;margin-top:4px;display:grid}.friends[hidden]{display:none}.friends-head{font:500 14px var(--display)}.friend-list{gap:4px;width:100%;margin:0;padding:0;list-style:none;display:grid}.friend-list li{align-items:center;gap:8px;display:flex}.friend-list li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.friend-list input[type=color]{border:1px solid var(--line);background:0 0;border-radius:4px;width:28px;height:24px;padding:0}.friends p{margin:0}.shots-help{flex-basis:100%;max-width:62ch}.shots{flex-basis:100%;gap:8px;margin:0;padding:0;list-style:none;display:grid}.shots li{border:1px solid var(--line);background:var(--card);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;display:flex}.shots li .n{font:600 14px var(--display);min-width:4.5em}.shots .empty{color:var(--muted);border-style:dashed}.btn.small{padding:6px 12px;font-size:12px}.panel{display:none}.panel h2{font:600 19px var(--display);flex-basis:100%;margin:0}.panel h3{font:600 15px var(--display);flex-basis:100%;margin:6px 0 0}input[type=text],input[type=number],input[type=datetime-local],input[type=email]{font:400 14px var(--display);color:var(--fg);background:var(--input);border:1px solid var(--line);border-radius:4px;min-width:0;padding:8px 12px}:is(input,select):focus-visible{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}input[type=number]{width:5.5em}.field select,.field input{max-width:100%}.muted{color:var(--muted);margin:0}.small{font-size:13px}.order[hidden]{display:none}.order{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:10px 14px;display:flex}.order input[type=email]{min-width:16em;max-width:100%}.order-check:empty,.order-state[hidden],.order-state [hidden]{display:none}.order-state{background:#2e9e571a;border-radius:12px;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px 14px;margin-top:10px;padding:10px 12px;display:flex}.order-state p{flex:14em;margin:0;font-weight:500}.order-state a.btn{text-decoration:none}.order-state progress{accent-color:#2e9e57;flex:100%;height:10px}[data-order][aria-pressed=true]{background:var(--brand-fill);border-color:var(--brand-fill);color:#fff}footer{text-align:center}.stage.portrait{aspect-ratio:9/16;width:min(100%,56.25svh - 67.5px);margin-inline:auto}.stage-full:fullscreen{background:#000;place-items:center;display:grid}.stage-full:fullscreen .stage{border-radius:0;width:min(100vw,177.778vh)}.stage-full:fullscreen .stage.portrait{width:min(100vw,56.25vh)}.planner{z-index:50;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) 12px max(12px, env(safe-area-inset-left,0px));background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.planner-box{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 340px;width:min(1180px,100%);height:min(760px,100%);display:grid;overflow:hidden;box-shadow:0 10px 40px #0000004d}.planner-map{min-height:0}.planner-side{flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex;overflow:auto}.planner-head{justify-content:space-between;align-items:center;display:flex}.planner-head h2{font:600 20px var(--display);margin:0}.planner .field input[type=text]{flex:1}.pl-search input{width:100%}.pl-search ol{gap:2px;margin:4px 0 0;padding:0;list-style:none;display:grid}.pl-search li button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:4px;width:100%;padding:6px 10px;display:block}.pl-search li button:hover,.pl-search li button:focus-visible{background:color-mix(in srgb, var(--brand) 18%, transparent)}.pl-pin{background:var(--brand-fill);color:#fff;width:26px;height:26px;font:600 12px/22px var(--display);text-align:center;cursor:grab;border:2px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 1px 4px #0006}.planner #plGo{margin-top:auto}@media (max-width:760px){.planner-box{grid-template-rows:45vh 1fr;grid-template-columns:1fr}}.planner .planner-head .hide-x{position:static}.planner .shots{flex:none}.shot-editor{z-index:5;background:color-mix(in srgb, var(--card) 97%, transparent);border:1px solid var(--line);border-radius:12px;gap:8px;padding:10px 12px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 10px 40px #0000004d}.se-guide{font:400 14px/1.4 var(--display);color:var(--fg)}.se-guide p{margin:0}@media (hover:hover){.for-touch{display:none}}@media (hover:none){.for-mouse{display:none}}.se-guide b{color:var(--brand)}.se-scroll{background:var(--line);border-radius:6px;overflow:auto hidden}.se-scroll::-webkit-scrollbar{height:6px}.se-scroll::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}@supports not selector(::-webkit-scrollbar){.se-scroll{scrollbar-width:thin;scrollbar-color:var(--muted) transparent}}.se-strip{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:66px;position:relative}.se-clips{height:30px;position:absolute;top:4px;left:0;right:0}.se-clip{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;font:500 13px/28px var(--display);color:#333;border:1px solid #00000059;border-radius:4px;padding:0 8px;position:absolute;top:0;bottom:0;overflow:hidden}.se-clip.has-pic{background-position:0;background-repeat:no-repeat;background-size:auto 100%;padding-left:58px}.se-clip[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff, 0 0 0 3px var(--brand);z-index:1}.se-edge{cursor:ew-resize;z-index:2;width:14px;height:30px;margin-left:-7px;position:absolute;top:0}.se-join{border:1px solid var(--muted);background:var(--btn);cursor:pointer;z-index:2;border-radius:3px;width:18px;height:18px;margin-left:-9px;padding:0;position:absolute;top:36px;transform:rotate(45deg)scale(.75)}.se-join[data-cut=true]{border-color:var(--fg);background:var(--fg);width:10px;height:20px;box-shadow:0 0 0 1px var(--card);border-radius:2px;margin-top:-1px;margin-left:-5px;transform:none}@media (pointer:coarse){.se-edge{width:28px;margin-left:-14px}.se-edge:after{content:"";background:#fff;border-radius:3px;width:5px;margin-left:-2.5px;position:absolute;top:5px;bottom:5px;left:50%;box-shadow:0 0 0 1px #00000080}.se-join{display:none}.shot-editor :is(button,select){min-height:36px}.se-play{width:36px}}.se-prof{pointer-events:none;width:100%;height:30px;position:absolute;bottom:0;left:0;right:0}.se-prof path{fill:color-mix(in srgb, var(--trail) 45%, transparent)}.se-stops i{pointer-events:none;border:1px solid #00000080;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;bottom:4px}.se-head{background:var(--trail);pointer-events:none;z-index:3;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.se-head:before{content:"";border:6.5px solid #0000;border-top-color:var(--trail);position:absolute;top:-1px;left:-5px}.se-play{width:34px;height:34px;position:static}.se-play svg{fill:var(--fg);stroke:none;width:16px;height:16px}.se-clip-panel{border-top:1px solid var(--line);padding-top:6px}.se-clip-panel .seg button{padding:5px 10px;font-size:12px}.se-dot{vertical-align:-1px;border:1px solid #0006;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.se-clip-panel .field select{padding-block:3px}.shot-editor{gap:6px;padding:8px 10px}.se-guide{font-size:13px}#seFrameHint[hidden],#seAimField[hidden],#seFind[hidden]{display:none}.se-row{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.se-time{font:500 14px var(--display);font-variant-numeric:tabular-nums;min-width:3.2em}.se-gap{flex:1}.stage.editing-shots .bigplay,.stage.editing-shots .bigrestart{display:none}.stage.editing-shots .edge{top:var(--edge-top,12px);transform:translate(calc(-100% - 12px))}.stage.editing-shots:hover .edge,.stage.editing-shots.sheet-open .edge,.stage.editing-shots .edge:focus-within{transform:none}.stage.editing-shots .edge-handle{top:var(--edge-top,12px);transform:none}.stage.editing-shots .sheet{bottom:calc(var(--editor-h,220px) + 20px)}.stage.editing-shots .playctl{display:none}#hideXs .hide-x{opacity:0;pointer-events:none;transition:opacity .15s}.stage:hover #hideXs .hide-x,#hideXs .hide-x:focus-visible{opacity:1;pointer-events:auto}.stage.editing-shots #hideXs{display:none}.sign-xs{z-index:3;gap:4px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 22px))}.sign-xs[hidden],#signXs[hidden],.signs-table[hidden],.muted[hidden]{display:none}.sign-xs .hide-x,.signs-table .hide-x{position:static}.signs-dialog{background:var(--card);width:min(680px,100vw - 32px);max-height:min(640px,100vh - 32px);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 10px 40px #0000004d}.signs-dialog[open]{flex-direction:column;gap:10px;display:flex}.signs-dialog::backdrop{background:#00000080}.signs-dialog .planner-head h2{font:600 20px var(--display);margin:0}.signs-dialog .planner-head .hide-x{position:static}.signs-wrap{min-height:0;overflow:auto}.signs-table{border-collapse:collapse;width:100%}.signs-table th{text-align:left;font:600 12px var(--display);color:var(--muted);padding:0 6px 4px}.signs-table td{border-top:1px solid color-mix(in srgb, var(--muted) 30%, transparent);padding:4px 6px}.signs-table td.num{font-variant-numeric:tabular-nums;width:4.5em;color:var(--muted)}.signs-table td:last-child{width:32px}.signs-table select{max-width:9.5em;padding:5px 6px;font-size:13px}.signs-table input[type=color]{border:1px solid var(--line);background:var(--btn);cursor:pointer;border-radius:4px;width:38px;height:32px;padding:2px}@media (max-width:560px){.signs-table th:nth-child(4),.signs-table td:nth-child(4){display:none}}.signs-table input{box-sizing:border-box;width:100%;padding:6px 8px}.topbar{background:var(--header-gradient);color:#fff;min-height:52px;box-shadow:0 2px 10px var(--shadow);align-items:center;gap:12px;margin:-18px calc(50% - 50vw) 0;padding:8px max(16px,50vw - 574px);display:flex}.topbar .brand,.topbar .brand span{color:#fff}.topbar .logo{background:#fff}.topbar .muted{color:#ffffffe6}.menu-btn{cursor:pointer;background:#ffffff2e;border:0;border-radius:6px;place-items:center;width:36px;height:36px;padding:0;display:grid}.menu-btn:hover{background:#ffffff47}.menu-btn svg{stroke:#fff;stroke-width:2.2px;stroke-linecap:round;fill:none;width:22px;height:22px}.brand.small{gap:7px;font-size:20px}.brand.small .logo{width:18px;height:18px}.brand.small .beta{padding:3px 7px;font-size:10px}.topbar #uploadNote{text-align:right;margin-left:auto}.start-card{z-index:7;text-align:center;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(6px);place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.start-card h1{font:600 clamp(22px, 3vw, 30px)/1.2 var(--display);text-wrap:balance;margin:0}.start-card p{color:var(--muted);max-width:46ch;margin:0}.start-card .cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.start-card .btn{padding:12px 22px;font-size:15px}.linkish{all:unset;cursor:pointer;color:var(--brand);font:500 15px var(--display);text-underline-offset:3px;text-decoration:underline}.linkish:focus-visible{outline:2px solid var(--blue);outline-offset:3px}body.started .start-card{display:none}.sidebar{z-index:60;background:var(--card);border-right:1px solid var(--line);width:min(300px,86vw);padding:max(18px, env(safe-area-inset-top,0px)) 18px 18px max(18px, env(safe-area-inset-left,0px));flex-direction:column;gap:12px;animation:.25s cubic-bezier(.2,.8,.2,1) side-in;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:2px 0 20px #00000040}.sidebar[hidden]{display:none}@keyframes side-in{0%{transform:translate(-100%)}to{transform:none}}.sidebar .brand{margin:calc(-1 * max(18px, env(safe-area-inset-top,0px))) -18px 8px calc(-1 * max(18px, env(safe-area-inset-left,0px)));background:var(--header-gradient);color:#fff;padding:16px 18px;font-size:22px}.sidebar .brand span{color:#fff}.sidebar .brand .logo{background:#fff;width:22px;height:22px}.sidebar .btn{text-align:left}.sidebar hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.sidebar a{color:var(--fg);font:500 15px var(--display);padding:4px 0;text-decoration:none}.sidebar a:hover{color:var(--brand)}@media (prefers-reduced-motion:reduce){.sidebar{animation:none}}.render-status{font:500 13px var(--display);color:var(--muted);align-items:center;gap:8px;margin:6px 0 0;display:inline-flex}.render-status[hidden]{display:none}.render-status:before{content:"";background:#9e9e9e;border-radius:50%;flex:none;width:10px;height:10px}.render-status[data-state=ready]:before{background:#4caf50}.render-status[data-state=busy]:before{background:#ff9800}.render-status[data-state=offline]:before{background:#f44336}body.awaiting .stage>*{visibility:hidden}body.awaiting .stage>#loading{visibility:visible}#bigExplore[aria-pressed=true]{background:var(--brand-fill);border-color:var(--brand-fill);opacity:1}#bigExplore[aria-pressed=true] svg{fill:#fff}.stage.exploring .bigrestart,.stage.exploring .bigplay{opacity:1}.side-settings{display:none}.side-settings h2{font:600 13px var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);grid-column:1/-1;margin:0}.side-settings button{font:500 14px var(--display);color:var(--fg);background:var(--btn);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:4px;padding:8px 10px}.side-settings button.make{background:var(--brand-fill);border-color:var(--brand-fill);color:#fff;grid-column:1/-1}.side-settings button[aria-pressed=true]{background:var(--brand-fill);border-color:var(--brand-fill);color:#fff}@media (max-width:720px),(max-height:500px){.edge,.edge-handle{display:none}.side-settings{grid-template-columns:1fr 1fr;gap:6px;display:grid}}@media (max-width:720px){.sheet,.shot-editor{z-index:20;width:auto;max-height:max(45svh, calc(100svh - var(--stage-bottom,300px) - 8px));box-sizing:border-box;border-width:1px 0 0;border-radius:12px 12px 0 0;position:fixed;inset:auto 0 0}.sheet{overflow:auto}.shot-editor{padding-bottom:max(8px, env(safe-area-inset-bottom));top:calc(var(--stage-bottom,300px) + 8px);bottom:auto;overflow:auto}.stage.editing-shots .sheet{z-index:21;bottom:0}.sheet .panel{padding:12px 44px 14px 12px}.bigplay{width:40px;height:40px}.bigplay svg{width:20px;height:20px}.bigrestart{width:32px;height:32px}.bigrestart svg{width:16px;height:16px}.playctl{gap:4px}}@media (min-width:1000px) and (hover:hover){.stage.portrait .edge{left:max(8px, calc(var(--stage-left) - 168px));top:calc(var(--stage-top) + 12px);opacity:1;z-index:6;position:fixed;transform:none}.stage.portrait .edge-handle{display:none}.stage.portrait .sheet,.stage.portrait .shot-editor{left:calc(var(--stage-right) + 16px);width:min(520px, calc(100vw - var(--stage-right) - 32px));z-index:6;position:fixed;right:auto}.stage.portrait .sheet{top:var(--stage-top);max-height:calc(var(--stage-bottom) - var(--stage-top));bottom:auto}.stage.portrait .shot-editor{top:auto;bottom:calc(100vh - var(--stage-bottom));max-height:calc(var(--stage-bottom) - var(--stage-top));overflow:auto}.stage.portrait.editing-shots .sheet{max-height:calc(var(--stage-bottom) - var(--stage-top) - var(--editor-h,220px) - 16px)}.stage.portrait.editing-shots .edge{top:calc(var(--stage-top) + 12px)}}.playctl .sign-here{display:none}.stage.paused:not(.editing-shots) .playctl .sign-here{display:grid}.days{flex-wrap:wrap;flex-basis:100%;gap:8px;display:flex}.days[hidden],.day-pick[hidden]{display:none}.days .shots li input{flex:10em}.days .shots li .btn[aria-pressed=true]{background:var(--brand-fill);border-color:var(--brand-fill);color:#fff}.day-pick{max-width:calc(100% - 140px);font:600 13px var(--display);color:var(--fg);background:var(--btn);border:1px solid var(--line);opacity:0;border-radius:999px;padding:5px 10px;transition:opacity .2s;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0003}.stage:hover .day-pick,.stage.paused .day-pick,.day-pick:focus-visible{opacity:1}.stage.editing-shots .day-pick{display:none}@media (hover:none){.day-pick{opacity:1}}@media (max-width:600px){.day-pick{padding:2px 8px;font-size:12px;top:6px}}