@layer components{.mtiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;display:grid}.mtile{text-align:center;border-radius:var(--sc-radius-md);flex-direction:column;gap:5px;min-width:0;display:flex}.mtile:focus-visible{outline:none}.mtile:focus-visible .mthumb{box-shadow:var(--sc-focus-ring)}.mthumb{aspect-ratio:16/10;border-radius:var(--sc-radius-md);background:var(--sc-well);box-shadow:var(--sc-shadow-well);transition:transform var(--sc-dur-fast) var(--sc-ease-pop), box-shadow var(--sc-dur-fast);position:relative;overflow:hidden}.mtile:hover .mthumb{transform:translateY(-2px)}.mtile.on .mthumb{box-shadow:var(--sc-selected-ring)}.mtile .name{color:var(--sc-ink-2);font-size:11.5px;font-weight:600;line-height:14px}.mtile.on .name{color:var(--sc-ink)}.mg{perspective:140px;background:linear-gradient(135deg, var(--sc-candy-200), var(--sc-tangerine-200));position:absolute;inset:0}.mg-none{background:var(--sc-well)}.mg-card{transform-origin:50% 60%;background:#fffdfa;border-radius:5px;flex-direction:column;gap:3px;width:52%;height:56%;padding:6px 6px 0;display:flex;position:absolute;top:22%;left:24%;overflow:hidden;box-shadow:0 1px 1px #5a1e141f,0 5px 12px -3px #5a1e1452}.mg-none .mg-card{box-shadow:0 1px 2px #5a1e1424}.mg-card b{background:#f1e4d9;border-radius:2px;height:3px;display:block}.mg-card b:first-child{background:var(--sc-candy-300);width:45%}.mg-card b:nth-child(3){width:70%}.mg-scroll .mg-card{background:repeating-linear-gradient(#0000 0 6px,#f1e4d9 6px 9px,#0000 9px 13px) 0 0/100% 26px,#fffdfa}.mg-scroll .mg-card b{display:none}.mg-drift{background:linear-gradient(120deg, var(--sc-candy-200), var(--sc-tangerine-200), var(--sc-grape-200), var(--sc-mint-200), var(--sc-candy-200));background-size:400% 100%}.mg-draw svg{width:100%;height:100%;position:absolute;inset:0;transform:scale(.72)}.mg-draw path{fill:none;stroke:var(--sc-candy-500);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.mg-ring{border:2px solid var(--sc-candy-500);opacity:0;border-radius:50%;width:13px;height:13px;position:absolute;top:30%;left:58%}.mtile:is(:hover,:focus-visible,.on) .mg-reveal .mg-card{animation:mg-reveal 2.6s var(--sc-ease-out) infinite}.mtile:is(:hover,:focus-visible,.on) .mg-float .mg-card{animation:mg-float 2.4s var(--sc-ease-in-out) infinite}.mtile:is(:hover,:focus-visible,.on) .mg-sweep .mg-card{animation:mg-sweep 3s var(--sc-ease-in-out) infinite alternate}.mtile:is(:hover,:focus-visible,.on) .mg-focus .mg-card{animation:mg-focus 3.2s var(--sc-ease-in-out) infinite}.mtile:is(:hover,:focus-visible,.on) .mg-focus .mg-ring{animation:mg-ring 3.2s var(--sc-ease-out) infinite}.mtile:is(:hover,:focus-visible,.on) .mg-scroll .mg-card{animation:mg-scroll 3s var(--sc-ease-in-out) infinite alternate}.mtile:is(:hover,:focus-visible,.on) .mg-drift{animation:5s linear infinite mg-drift}.mtile:is(:hover,:focus-visible,.on) .mg-draw path:first-child{animation:mg-draw 2.4s var(--sc-ease-in-out) infinite}.mtile:is(:hover,:focus-visible,.on) .mg-draw path:last-child{animation:mg-head 2.4s var(--sc-ease-pop) infinite}.mtile:is(:hover,:focus-visible,.on) .mg-flip .mg-card{animation:mg-flip 2.6s var(--sc-ease-pop) infinite}@keyframes mg-reveal{0%{opacity:.4;transform:translateY(16%)scale(.72)rotateX(38deg)}55%,to{opacity:1;transform:none}}@keyframes mg-float{0%,to{transform:translateY(7%)rotate(-1deg)}50%{transform:translateY(-7%)rotate(1deg)}}@keyframes mg-sweep{0%{transform:rotateY(-30deg)rotateX(6deg)}to{transform:rotateY(30deg)rotateX(6deg)}}@keyframes mg-focus{0%,18%,to{transform:none}50%,78%{transform:scale(1.9)translate(-14%,16%)}}@keyframes mg-ring{0%,10%{opacity:0;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}34%,to{opacity:0;transform:scale(1)}}@keyframes mg-scroll{0%{background-position:0 0,0 0}to{background-position:0 -52px,0 0}}@keyframes mg-drift{to{background-position:400% 0}}@keyframes mg-draw{0%{stroke-dashoffset:1px}55%,to{stroke-dashoffset:0}}@keyframes mg-head{0%,48%{stroke-dashoffset:1px}70%,to{stroke-dashoffset:0}}@keyframes mg-flip{0%{opacity:.3;transform:rotateY(-82deg)scale(.9)}50%,to{opacity:1;transform:none}}.motion-controls{margin-top:var(--sc-space-3-5);padding-top:var(--sc-space-3);border-top:1px dashed var(--sc-line);animation:sc-pane-in var(--sc-dur-base) var(--sc-ease-out)}.motion-controls .toggle-row .label small,.motion-export .toggle-row .label small{color:var(--sc-ink-3);margin-top:1px;font-size:11.5px;font-weight:500;display:block}.loop-note{background:var(--sc-well);color:var(--sc-ink-2);border-radius:12px;align-items:center;gap:8px;margin:6px 0 2px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.loop-note svg{color:var(--sc-accent-text)}.focus-row{align-items:center;gap:12px;margin-top:14px;display:flex}.focus-row>div:first-child{flex:1}.focus-grid{background:var(--sc-well);box-shadow:var(--sc-shadow-well);border-radius:12px;grid-template-columns:repeat(3,18px);gap:5px;padding:6px;display:grid}.focus-grid button{background:var(--sc-surface);width:18px;height:18px;box-shadow:var(--sc-shadow-raised);transition:background var(--sc-dur-fast), transform var(--sc-dur-fast) var(--sc-ease-pop);border-radius:6px}.focus-grid button:hover{transform:scale(1.1)}.focus-grid button.on{background:var(--sc-accent);box-shadow:inset 0 -1.5px 0 var(--sc-candy-800)}.timeline{left:50%;bottom:calc(var(--sc-space-6) + 52px + 12px);z-index:var(--sc-z-dock);background:var(--sc-surface);width:min(560px,100% - 220px);box-shadow:var(--sc-shadow-float);animation:sc-rise var(--sc-dur-base) var(--sc-ease-out);border-radius:18px;align-items:center;gap:10px;padding:6px 8px 6px 6px;display:flex;position:absolute;transform:translate(-50%)}.timeline.narrow{border-radius:16px;gap:8px;width:auto;padding:4px 8px 4px 4px;animation:none;bottom:8px;left:8px;right:8px;transform:none}.timeline.narrow .tl-play{border-radius:12px;width:34px;height:34px}.tl-play{color:#fff;background:var(--sc-accent-fill);background-image:var(--sc-grad-candy);width:38px;height:38px;box-shadow:var(--sc-shadow-candy);transition:transform var(--sc-dur-instant) var(--sc-ease-out);border-radius:13px;flex:none;place-items:center;padding-bottom:2px;display:grid}.tl-play:hover:not(:disabled){background-image:var(--sc-grad-candy-hover)}.tl-play:active:not(:disabled){box-shadow:var(--sc-shadow-candy-pressed);transform:translateY(2px)}.tl-play:disabled{background:var(--sc-well);color:var(--sc-ink-4);box-shadow:var(--sc-shadow-raised)}.tl-track{cursor:pointer;touch-action:none;border-radius:10px;flex:1;height:38px;position:relative}.tl-track:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.tl-rail{background:var(--sc-well);height:8px;box-shadow:var(--sc-shadow-well);border-radius:8px;position:absolute;top:15px;left:0;right:0;overflow:hidden}.tl-seg{position:absolute;top:0;bottom:0}.tl-seg.move{background:color-mix(in oklab, var(--sc-candy-200) 55%, transparent)}.tl-seg.hold{background-image:radial-gradient(var(--sc-line-strong) 1px, transparent 1.3px);opacity:.8;background-position:0;background-size:5px 8px}.tl-fill{background:var(--sc-grad-fill);border-radius:8px;position:absolute;top:0;bottom:0;left:0}.tl-tick{background:var(--sc-line-strong);pointer-events:none;width:1px;height:4px;position:absolute;top:27px}.tl-knob{background:var(--sc-grad-knob);width:8px;height:22px;box-shadow:var(--sc-shadow-knob);pointer-events:none;border-radius:4px;margin-left:-4px;position:absolute;top:8px}.tl-knob:after{content:"";background:var(--sc-candy-400);border-radius:1px;width:2px;height:8px;position:absolute;top:7px;left:3px}.tl-time{min-width:72px;color:var(--sc-ink);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:500}.tl-time span{color:var(--sc-ink-3)}.tl-still{height:30px;color:var(--sc-ink-2);background:var(--sc-well);transition:background var(--sc-dur-fast), color var(--sc-dur-fast);border-radius:10px;flex:none;padding:0 10px;font-size:12px;font-weight:600}.tl-still:hover{color:var(--sc-ink);background:var(--sc-well-hover)}.tl-still.on{background:var(--sc-ink);color:var(--sc-on-ink)}.stage.has-timeline .toast-layer{bottom:calc(var(--sc-space-6) + 52px + 12px + 50px + 14px)}.render-pill{left:50%;top:var(--sc-space-6);z-index:var(--sc-z-toast);background:var(--sc-ink);min-width:320px;color:var(--sc-on-ink);box-shadow:var(--sc-shadow-modal);animation:sc-toast-in .26s var(--sc-ease-pop);border-radius:20px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;padding:10px 12px 10px 10px;display:grid;position:absolute;transform:translate(-50%)}.rp-ring{background:radial-gradient(closest-side, var(--sc-ink) 76%, transparent 78%), conic-gradient(var(--sc-candy-400) var(--p), #ffffff24 0);width:38px;height:38px;color:var(--sc-candy-300);border-radius:50%;grid-row:1/3;place-items:center;display:grid}.rp-txt{flex-direction:column;gap:1px;min-width:0;display:flex}.rp-txt b{font-size:13.5px;font-weight:700}.rp-txt .mono{opacity:.72;white-space:nowrap;font-size:11.5px}.rp-txt{grid-area:1/2}.rp-bar{background:#ffffff24;border-radius:4px;grid-area:2/2/auto/4;height:4px;overflow:hidden}.rp-bar i{background:var(--sc-grad-fill);border-radius:4px;height:100%;transition:width .12s linear;display:block}.render-pill .act{color:var(--sc-candy-300);border-radius:10px;grid-area:1/3;padding:6px 8px;font-size:13px;font-weight:700}.render-pill .act:hover{background:#ffffff1a}.render-pill .act:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.export-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.export-head h2{font:700 17px/22px var(--sc-font-display);letter-spacing:-.015em}.export-head .seg button{gap:5px;padding:0 12px}.export-native{margin:-6px 0 10px;font-size:11.5px}.motion-summary{color:var(--sc-ink-3);min-height:16px;margin:14px 2px 12px;font-size:11.5px}.motion-export .btn-block{margin-top:4px}.motion-empty{text-align:center;color:var(--sc-ink-2);flex-direction:column;align-items:center;gap:10px;padding:18px 12px 10px;font-size:13px;line-height:18px;display:flex}.motion-empty svg{width:28px;height:28px;color:var(--sc-accent-text)}@media (prefers-reduced-motion:reduce){.mg *,.mg{animation:none!important}}.motion-bare .mtiles{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;padding:4px 16px 6px;scroll-padding:0 16px;display:flex;overflow-x:auto}.motion-bare .mtile{scroll-snap-align:start;flex:none;width:92px}.motion-bare .motion-controls{margin:8px 16px 0}}
@layer components{.mode-switch{margin-left:var(--sc-space-3);background:var(--sc-well);box-shadow:var(--sc-shadow-well);border-radius:14px;flex:none;align-items:center;gap:2px;padding:3px;display:flex}.mode-switch button{min-width:34px;height:32px;color:var(--sc-ink-2);white-space:nowrap;transition:background var(--sc-dur-base) var(--sc-ease-out), color var(--sc-dur-base);border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12.5px;font-weight:650;display:inline-flex}.mode-switch button:hover{color:var(--sc-ink);background:var(--sc-well-hover)}.mode-switch{isolation:isolate;position:relative}.mode-switch button{z-index:1;position:relative}.mode-switch .ms-pill{background:var(--sc-surface);transition:transform var(--sc-dur-base) var(--sc-ease-out), width var(--sc-dur-base) var(--sc-ease-out);z-index:0;pointer-events:none;border-radius:11px;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 1px 2px #4a2d141f,inset 0 -1.5px #4a2d1412}.mode-switch button.on{color:var(--sc-ink)}.mode-switch button.on:hover{background:0 0}.mode-switch button.on svg{color:var(--sc-accent-text)}.mode-switch button:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.mode-switch button:not(.on) .lbl{display:none}@media (min-width:1600px){.mode-switch button:not(.on) .lbl{display:inline}}@media (max-width:1439px){.header .brand .word{display:none}}@media (max-width:1100px){.mode-switch button .lbl{display:none}}.code-input textarea{font:400 12px/19px var(--sc-font-mono), monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;resize:vertical;min-height:140px;max-height:460px}.code-row{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:8px;display:grid}.lang-chip{height:var(--sc-control-h);border-radius:var(--sc-radius-md);white-space:nowrap;justify-content:flex-start;min-width:0;padding:0 10px 0 12px;font-size:12.5px;overflow:hidden}.lang-chip .lang-txt{text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.lang-auto{color:var(--sc-accent-text);background:var(--sc-accent-soft);border-radius:6px;flex:none;padding:2px 5px;font-size:10.5px}.code-title svg{color:var(--sc-ink-3);flex:none}.lang-menu .lang-grid{grid-template-columns:1fr 1fr;gap:2px;max-height:min(420px,60vh);display:grid;overflow-y:auto}.presets.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.preset .thumb.wide,.rail .preset .thumb.wide{aspect-ratio:16/10}.mode-chip{gap:4px;padding:0 8px 0 10px}.mode-item{align-items:flex-start;height:auto;min-height:48px;padding:8px 10px}.mode-item span{text-align:left;flex-direction:column;gap:2px;display:flex}.mode-item b{color:var(--sc-ink);font-size:13.5px;font-weight:700}.mode-item small{color:var(--sc-ink-3);white-space:normal;font-size:12px;font-weight:500}.mode-item svg{margin-top:2px}.m-body .code-input textarea{max-height:30vh}.field-stack{flex-direction:column;gap:6px;min-width:0;margin-top:12px;display:flex}.field-label{color:var(--sc-ink-2);justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;font-weight:600;display:flex}.field-label .muted{font-size:11.5px;font-weight:500}.field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.field-stack .input.area textarea{min-height:96px;line-height:19px}.avatar-row{background:var(--sc-well);border-radius:16px;align-items:center;gap:12px;margin-top:14px;padding:8px 10px 8px 8px;display:flex}.avatar-pick{background:linear-gradient(135deg, var(--sc-candy-300), var(--sc-candy-500));color:#fff;width:44px;height:44px;font:800 16px/1 var(--sc-font-display);box-shadow:var(--sc-shadow-raised);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.avatar-pick img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-pick i{background:var(--sc-surface);width:20px;height:20px;color:var(--sc-ink-2);box-shadow:var(--sc-shadow-raised);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.avatar-pick:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.avatar-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.avatar-copy b{font-size:13px;font-weight:650}.avatar-copy span{color:var(--sc-ink-3);font-size:11.5px}.stars{gap:2px;display:flex}.stars button{width:30px;height:30px;color:var(--sc-line-strong);transition:color var(--sc-dur-fast), transform var(--sc-dur-fast) var(--sc-ease-pop);border-radius:9px;place-items:center;display:grid}.stars button.on{color:var(--sc-lemon-500)}.stars button:hover{transform:scale(1.12)}.stars button:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.input.metric{gap:6px;padding:0 10px}.input.metric svg{color:var(--sc-ink-3);flex:none}.theme-dots{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.theme-dot{width:38px;height:38px;font:700 13px/1 var(--sc-font-display);box-shadow:inset 0 0 0 1px #4a2d1424, var(--sc-shadow-raised);transition:transform var(--sc-dur-fast) var(--sc-ease-pop);border-radius:12px}.theme-dot:hover{transform:translateY(-2px)}.theme-dot.on{box-shadow:var(--sc-selected-ring)}.theme-dot:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.accent-pick{color:var(--sc-ink-2);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.board{scrollbar-width:thin;align-items:center;padding-bottom:36px;display:flex;position:absolute;inset:0;overflow:auto hidden}.board.narrow{padding-bottom:8px}.board-strip{align-items:flex-start;margin:0 auto;display:flex}.slide-wrap{flex-direction:column;flex:none;align-items:center;gap:10px;display:flex}.slide{background:var(--sc-well);transition:transform var(--sc-dur-fast) var(--sc-ease-pop), box-shadow var(--sc-dur-fast);animation:sc-fade-in var(--sc-dur-slow) var(--sc-ease-out) both;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 1px 2px #4a2d1424,0 14px 34px -18px #4a2d1473}.slide canvas{width:100%;height:100%;display:block}.slide:hover{transform:translateY(-3px)}.slide.on{box-shadow:var(--sc-selected-ring), 0 14px 34px -18px #4a2d1473}.slide:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.slide.drop{box-shadow:0 0 0 3px var(--sc-accent), 0 14px 34px -18px #4a2d1473;transform:scale(1.02)}.slide-empty{white-space:nowrap;background:var(--sc-ink);color:var(--sc-on-ink);opacity:0;transition:opacity var(--sc-dur-fast);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:650;display:inline-flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.slide:hover .slide-empty,.slide.on .slide-empty,.slide.drop .slide-empty{opacity:.92}.slide-num{color:var(--sc-ink-3);font-size:11.5px;font-weight:500}.slide-add{border:2px dashed var(--sc-line-strong);width:100%;color:var(--sc-ink-2);transition:border-color var(--sc-dur-fast), color var(--sc-dur-fast), background var(--sc-dur-fast);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12.5px;font-weight:650;display:flex}.slide-add:hover{border-color:var(--sc-accent);color:var(--sc-accent-text);background:color-mix(in srgb, var(--sc-accent) 6%, transparent)}.slide-add:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.chip.static{cursor:default}.chip.static:hover{box-shadow:var(--sc-shadow-raised)}.size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.size-opt{text-align:left;background:var(--sc-well);color:var(--sc-ink-2);transition:background var(--sc-dur-fast), color var(--sc-dur-fast);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:7px 10px;display:grid}.size-opt svg{grid-row:1/3;width:18px;height:18px}.size-opt b{color:var(--sc-ink);font-size:12.5px;font-weight:650}.size-opt .mono{color:var(--sc-ink-3);font-size:10.5px}.size-opt:hover{background:var(--sc-well-hover)}.size-opt.on{background:var(--sc-accent-soft);box-shadow:inset 0 0 0 2px var(--sc-accent)}.size-opt.on svg,.size-opt.on b{color:var(--sc-accent-text)}.size-opt:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.set-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;display:grid}.colour-pair{justify-content:flex-end;align-items:center;gap:8px;display:flex}.slide-shot{justify-content:space-between;align-items:center;gap:8px;display:flex}.slide-actions{align-items:center;gap:2px;margin-top:10px;display:flex}.slide-actions .sep{background:var(--sc-line);width:1px;height:20px;margin:0 6px}.tray-head h2 .muted{color:var(--sc-ink-3);font-weight:500}.presets.set-styles .thumb.tall,.rail .thumb.tall{aspect-ratio:9/17}.empty-stack{flex-direction:column;align-items:center;gap:22px;display:flex}.mode-picks{animation:sc-fade-in var(--sc-dur-slow) var(--sc-ease-out) .12s both;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.mp-label{color:var(--sc-ink-3);margin-right:4px;font-size:12.5px;font-weight:600}.mode-pick{background:var(--sc-surface);box-shadow:var(--sc-shadow-raised);text-align:left;transition:transform var(--sc-dur-fast) var(--sc-ease-pop), box-shadow var(--sc-dur-fast);border-radius:16px;align-items:center;gap:10px;padding:7px 14px 7px 7px;display:flex}.mode-pick:hover{box-shadow:var(--sc-shadow-raised-hover);transform:translateY(-2px)}.mode-pick:active{transform:translateY(1px)}.mode-pick:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.mp-icon{background:var(--sc-accent-soft);width:34px;height:34px;color:var(--sc-accent-text);border-radius:11px;flex:none;place-items:center;display:grid}.mp-txt{flex-direction:column;gap:1px;display:flex}.mp-txt b{color:var(--sc-ink);white-space:nowrap;font-size:13px;font-weight:700}.mp-txt small{color:var(--sc-ink-3);white-space:nowrap;font-size:11.5px}.mode-picks.narrow{flex-direction:column;align-items:stretch;margin-top:16px}.mode-picks.narrow .mp-label{text-align:center;margin:0 0 2px}}
@layer components{.meta-txt{font:var(--sc-weight-medium) 12px/16px var(--sc-font-ui), sans-serif;color:var(--sc-ink-3);font-variant-numeric:tabular-nums}.chip .meta-txt{font-weight:var(--sc-weight-medium)}.chip.on .meta-txt,.chip[aria-expanded=true] .meta-txt{color:inherit;opacity:.75}.menu-item .meta-txt{margin-left:auto}.tray-head .meta,.jar-sec .meta{font:var(--sc-weight-medium) 12px/16px var(--sc-font-ui), sans-serif;color:var(--sc-ink-3);font-variant-numeric:tabular-nums}.tray-head .head-links{align-items:center;gap:10px;display:inline-flex}.kbd{color:var(--sc-ink-2);font-size:11px}.kb-row .kbd{min-width:24px;height:24px;color:var(--sc-ink);background:var(--sc-surface);box-shadow:inset 0 -2px 0 var(--sc-line-strong), 0 0 0 1px var(--sc-line);padding:0 6px;font-size:12px}.kbd.glyph{font-family:var(--sc-font-ui);font-size:13px;font-weight:var(--sc-weight-semibold)}.kb-row .kbd.glyph{font-size:14px}.dialog-body{min-height:0}.preset .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sel-check{background:var(--sc-accent-fill);color:#fff;width:18px;height:18px;animation:sc-pop-in var(--sc-dur-fast) var(--sc-ease-pop);border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 1px 3px #4a2d144d}.tile.labelled{aspect-ratio:auto;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:58px;display:flex}.tile .tile-label{font-size:10.5px;line-height:12px;font-weight:var(--sc-weight-semibold)}.tile.labelled svg{width:24px;height:20px}.theme-seg button{gap:5px}.jar-card.hl .th{outline:2px solid var(--sc-ink);outline-offset:3px;transform:translateY(-4px)scale(1.015)}.jar-card.hl .apply{opacity:1}.save-chip{flex:none}.jar-foot .kbd+.kbd{margin-left:-2px}.dest-chips{flex-wrap:wrap;gap:6px;display:flex}.dest-chips .chip{height:30px;padding:0 11px;font-size:12.5px}.export-summary{background:var(--sc-well);box-shadow:var(--sc-shadow-well);border-radius:14px;gap:6px;margin-top:12px;padding:10px 12px;display:grid}.export-summary .dims{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.export-summary .dims .mono:first-child{font-size:14px;font-weight:var(--sc-weight-medium);color:var(--sc-ink)}.export-summary .fmt{font-size:11px;font-weight:var(--sc-weight-bold);color:var(--sc-ink-2);background:var(--sc-surface);border-radius:6px;padding:2px 6px}.export-summary .est{color:var(--sc-ink-2);margin-left:auto}.export-summary .why{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.export-summary .blurb{color:var(--sc-ink-3);font-size:12px;line-height:16px}.fit-badge{font-size:12px;font-weight:var(--sc-weight-semibold);border-radius:8px;align-items:center;gap:5px;padding:2px 8px 2px 6px;line-height:16px;display:inline-flex}.fit-badge.fits{color:color-mix(in srgb, var(--sc-success) 72%, var(--sc-ink));background:var(--sc-success-soft)}.fit-badge.switch,.fit-badge.over{color:color-mix(in srgb, var(--sc-warning) 72%, var(--sc-ink));background:var(--sc-warning-soft)}.quality-line{font-size:12px;font-weight:var(--sc-weight-semibold);color:var(--sc-ink-2);justify-content:space-between;margin-top:12px;display:flex}.quality-line span{font-weight:var(--sc-weight-medium);color:var(--sc-ink-3)}.export-panel .toggle-row .label small,.position .side-note{font-size:11.5px;line-height:15px;font-weight:var(--sc-weight-medium);color:var(--sc-ink-3);display:block}.export-panel .toggle-row{margin-top:8px}.position-row{grid-template-columns:78px 1fr;align-items:center;gap:12px;margin-bottom:6px;display:grid}.pos-grid{background:var(--sc-well);box-shadow:var(--sc-shadow-well);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:3px;width:78px;height:62px;padding:4px;display:grid}.pos-cell{transition:background var(--sc-dur-fast);border-radius:6px;place-items:center;display:grid}.pos-cell i{background:var(--sc-ink-4);width:6px;height:6px;transition:transform var(--sc-dur-fast) var(--sc-ease-pop), background var(--sc-dur-fast);border-radius:50%}.pos-cell:hover{background:var(--sc-well-hover)}.pos-cell:hover i{background:var(--sc-ink-2)}.pos-cell.on{background:var(--sc-surface);box-shadow:0 1px 2px #4a2d1424,inset 0 -1.5px #4a2d1412}.pos-cell.on i{background:var(--sc-accent);border-radius:3px;width:14px;height:10px}.position-side{gap:6px;min-width:0;display:grid}.position-side .side-label{font-size:12px;font-weight:var(--sc-weight-semibold);color:var(--sc-ink-2)}.position-side .seg button{padding:0 6px}.grad-edit{gap:12px;margin-top:12px;display:grid}.grad-row{align-items:center;gap:12px;display:flex}.grad-main{flex:1;gap:8px;min-width:0;display:grid}.angle-dial-wrap{flex:none;justify-items:center;gap:2px;display:grid}.angle-dial{background:var(--sc-well);width:60px;height:60px;box-shadow:var(--sc-shadow-well);cursor:grab;touch-action:none;border-radius:50%;outline:none}.angle-dial:active{cursor:grabbing}.angle-dial:focus-visible{box-shadow:var(--sc-shadow-well), var(--sc-focus-ring)}.angle-dial svg{width:100%;height:100%;display:block}.angle-dial .tick{fill:var(--sc-ink-4)}.angle-dial .tick.on{fill:var(--sc-accent)}.angle-dial .hand{stroke:var(--sc-ink-3);stroke-width:2px;stroke-linecap:round}.angle-dial .knob{fill:var(--sc-accent);stroke:var(--sc-surface);stroke-width:2px}.angle-dial .hub{fill:var(--sc-ink-3)}.angle-val{color:var(--sc-ink-2)}.stop-bar{height:26px;box-shadow:inset 0 0 0 1px #00000014, var(--sc-shadow-raised);border-radius:9px;margin:0 10px;position:relative}.stop-bar .stop{cursor:ew-resize;touch-action:none;width:20px;height:20px;transition:transform var(--sc-dur-fast) var(--sc-ease-pop);border-radius:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;box-shadow:0 0 0 2.5px #fff,0 1px 4px 2px #2a1f1a4d}.stop-bar .stop.on{box-shadow:0 0 0 2.5px #fff, 0 0 0 5px var(--sc-accent), 0 2px 6px 2px #2a1f1a4d;transform:scale(1.14)}.mesh-chips{align-items:center;gap:8px;display:flex}.mesh-chips .btn{margin-left:auto}.stop-chip{width:30px;height:30px;box-shadow:var(--sc-shadow-swatch);transition:transform var(--sc-dur-fast) var(--sc-ease-pop);border-radius:10px}.stop-chip:hover{transform:translateY(-1px)}.stop-chip.on{box-shadow:var(--sc-selected-ring), var(--sc-shadow-swatch)}.stop-tools{align-items:center;gap:6px;display:flex}.stop-tools .stop-label{font-size:12px;font-weight:var(--sc-weight-semibold);color:var(--sc-ink-2);flex:1}.stop-tools .stop-label .mono{color:var(--sc-ink-3);margin-left:2px}.grad-suggest{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.grad-suggest>span{font-size:12px;font-weight:var(--sc-weight-semibold);color:var(--sc-ink-2);margin-right:2px}.grad-suggest .sw.sm{width:22px;height:22px}.grad-actions:empty{display:none}.stage-notes{bottom:calc(var(--sc-space-6) + 52px + 12px);z-index:8;pointer-events:none;justify-items:start;gap:6px;max-width:min(560px,100% - 32px);display:grid;position:absolute;left:16px}.stage.has-timeline .stage-notes{bottom:calc(var(--sc-space-6) + 52px + 12px + 50px + 12px)}.stage-notes.narrow{max-width:calc(100% - 16px);top:8px;bottom:auto;left:8px}.stage-note{pointer-events:auto;border-radius:var(--sc-radius-pill);background:var(--sc-surface);box-shadow:var(--sc-shadow-float);font-size:12.5px;font-weight:var(--sc-weight-semibold);color:var(--sc-ink-2);white-space:nowrap;animation:sc-rise var(--sc-dur-base) var(--sc-ease-out) both;align-items:center;gap:8px;padding:5px 6px 5px 11px;display:inline-flex}.stage-note>svg{color:var(--sc-accent-text)}.stage-note>span{text-overflow:ellipsis;overflow:hidden}.stage-note .note-act{border-radius:var(--sc-radius-pill);background:var(--sc-well);height:26px;color:var(--sc-ink);font-size:12px;font-weight:var(--sc-weight-bold);transition:background var(--sc-dur-fast);padding:0 10px}.stage-note .note-act:hover{background:var(--sc-well-hover)}.stage-note .note-x{width:24px;height:24px;color:var(--sc-ink-3);border-radius:50%;place-items:center;display:grid}.stage-note .note-x:hover{background:var(--sc-well);color:var(--sc-ink)}.stage-note .note-act:focus-visible,.stage-note .note-x:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}@media (max-width:767px){.stage-note{white-space:normal;border-radius:16px;padding:6px 6px 6px 11px;font-size:12px;line-height:16px}.stage-note .note-act{white-space:nowrap;flex:none}}.m-quick-colours{padding:0 16px 8px}.m-quick-colours .ann-colours{scrollbar-width:none;flex-wrap:nowrap;padding:4px 4px 2px;overflow-x:auto}.rail .shuffle-tile .thumb{color:var(--sc-accent-text);background:var(--sc-accent-soft);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--sc-accent) 35%, transparent);place-items:center;display:grid}.rail .shuffle-tile .thumb svg{width:26px;height:26px}.preview-pill{z-index:9;border-radius:var(--sc-radius-pill);background:var(--sc-ink);color:var(--sc-on-ink);font-size:12px;font-weight:var(--sc-weight-bold);pointer-events:none;animation:sc-fade-in var(--sc-dur-fast) var(--sc-ease-out);padding:5px 11px;position:absolute;top:14px;left:18px}.code-lines{z-index:5;position:absolute}.code-line-hover{background:color-mix(in srgb, var(--sc-accent) 14%, transparent);box-shadow:inset 3px 0 0 var(--sc-accent);pointer-events:none;border-radius:2px;position:absolute}.code-line-hover.on{background:color-mix(in srgb, var(--sc-ink) 10%, transparent);box-shadow:inset 3px 0 0 var(--sc-ink-3)}.code-line-tip{background:var(--sc-ink);color:var(--sc-on-ink);font-size:11px;font-weight:var(--sc-weight-bold);white-space:nowrap;border-radius:7px;padding:2px 8px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (min-width:768px){.stage .toast-layer,.stage.has-timeline .toast-layer{align-items:flex-end;width:max-content;max-width:calc(50% - 90px);position:absolute;inset:6px 14px auto auto;transform:none}.stage .toast-layer .toast{max-width:100%;min-height:0;padding-top:6px;padding-bottom:6px}.stage .toast-layer .toast>div{min-width:0}.stage .toast-layer .toast .t1,.stage .toast-layer .toast .t2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage .toast-layer .wrap-thumb{width:88px;height:40px}.stage .toast-layer .wrap-thumb svg{top:0}}.ann-layer .outline.idle{display:none}.ann-layer g:hover>.outline.idle{opacity:.5;display:inline}.mtile.weak:not(.on) .mthumb{opacity:.45;filter:saturate(.4)}.mtile.weak:not(.on) .name{color:var(--sc-ink-3)}.motion-fit{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:-4px 2px 12px;display:flex}.slide-guard .guard-acts,.motion-fit .guard-acts{gap:12px;margin-left:2px;display:inline-flex}.slide-guard .guard-acts,.draw-hint .guard-acts{margin-top:4px;display:flex}.warn-note .link{color:inherit;text-underline-offset:2px;font-weight:var(--sc-weight-bold);text-decoration:underline}.warn-text{color:var(--sc-warning)}.set-empty .set-empty-seg{margin-top:6px}.slide-warn{white-space:nowrap;background:var(--sc-warning-soft);color:color-mix(in srgb, var(--sc-warning) 72%, var(--sc-ink));font-size:11px;font-weight:var(--sc-weight-bold);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #2a1f1a2e}.mode-switch .has-tip{position:relative}.mode-switch .mode-tip{font-weight:var(--sc-weight-medium);z-index:var(--sc-z-popover);top:calc(100% + 8px);bottom:auto}.mode-switch .mode-tip b{font-weight:var(--sc-weight-bold)}.mode-switch button.on .mode-tip,.jar-card.on .apply{display:none}.chip.static{box-shadow:none;background:0 0}.chip.static:hover{box-shadow:none}.caption-controls{margin-top:6px}.caption-controls .toggle-row .label small{font-size:11.5px;line-height:15px;font-weight:var(--sc-weight-medium);color:var(--sc-ink-3);display:block}.caption-fields{gap:8px;margin-top:4px;display:grid}.caption-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.colour-dot.auto{background:conic-gradient(#2a1f1a 0 50%, #fff 0)!important}.caption-hit{z-index:6;cursor:text;transition:box-shadow var(--sc-dur-fast);background:0 0;border-radius:12px;position:absolute}.caption-hit:hover{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--sc-accent) 65%, transparent)}.caption-hit:focus-visible{outline:2px solid var(--sc-ink);outline-offset:2px}.caption-editor{z-index:9;resize:none;color:var(--sc-ink);background:color-mix(in srgb, var(--sc-surface) 94%, transparent);box-shadow:var(--sc-shadow-float), 0 0 0 2px var(--sc-accent);border:0;border-radius:12px;outline:none;padding:6px;position:absolute;overflow:hidden}}