:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--l0:#08090a;--l1:#0b0c0d;--l2:#0c0d0e;--l3:#141517;--room:#171717;--room-stage:#0b0b0b;--room-bezel:#121212;--ink:#fffffff2;--ink-2:#ffffffbf;--ink-body:#ffffff8c;--ink-meta:#ffffff59;--ink-faint:#fff3;--lift:#ffffff0a;--lift-2:#ffffff12;--lift-3:#ffffff1c;--hair:#ffffff12;--hair-2:#ffffff1a;--glass-fill:#0e0e10b8;--glass-shadow:0 16px 44px #0000008c;--grab:#4f7cff;--grab-glow:#4f7cff40;--alarm:#e2726e;--pill:#f4f4f4;--font:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--r-md:8px;--r-lg:12px;--r-xl:16px;--ease:cubic-bezier(.22, .61, .36, 1);--fast:.12s}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--l0);color:var(--ink);font-size:13px;overflow:hidden}.app{grid-template:"topbar topbar topbar"44px"left viewport right"1fr"transport transport transport"46px/220px 1fr 300px;height:100%;display:grid}.transport{background:var(--l2);border-top:1px solid var(--hair);grid-area:transport;align-items:center;gap:14px;padding:0 14px;display:flex}.transport .play{background:var(--lift-2);width:34px;height:30px;color:var(--ink);cursor:pointer;border:0;border-radius:6px;font-size:12px}.transport .play:hover:not(:disabled){background:var(--hair-2)}.transport .play:disabled{opacity:.4;cursor:not-allowed}.transport .scrubber{accent-color:var(--ink-2);flex:1}.transport-hint{color:var(--ink-body);white-space:nowrap;font-size:12px}.topbar{background:var(--l2);border-bottom:1px solid var(--hair);grid-area:topbar;align-items:center;gap:16px;padding:0 14px;display:flex}.brand{letter-spacing:.02em;font-weight:700}.filename{color:var(--ink-body)}.mode-switch{background:var(--lift-2);border-radius:6px;padding:2px;display:flex}.mode-switch button{color:var(--ink-body);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 14px}.mode-switch button.active{background:var(--hair-2);color:var(--ink)}.mode-switch button:disabled{cursor:not-allowed;opacity:.5}.spacer{flex:1}.back-to-field{border:1px solid var(--hair-2);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px}.back-to-field:hover{background:var(--lift-2)}.save-preset,.share-paper{background:var(--lift-2);color:var(--ink);border:1px solid var(--hair-2);cursor:pointer;border-radius:6px;padding:6px 14px}.save-preset:hover,.share-paper:hover{background:var(--hair-2)}.preset-panel.dropping{outline:2px dashed var(--ink-body);outline-offset:-4px;border-radius:8px}.preset-row{align-items:center;gap:2px;display:flex}.preset-row>button:first-child{flex:1}.row-action{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 4px;font-size:12px}.preset-row:hover .row-action,h2 .row-action{color:var(--ink-body)}.row-action:hover{color:var(--ink);background:var(--lift-2)}.row-action.danger:hover{color:var(--alarm)}.row-actions{display:none}.preset-row.user:hover .row-actions{display:inline-flex}.preset-card{align-items:center;gap:8px;display:flex}.preset-card img{object-fit:cover;background:var(--lift-2);border-radius:3px;width:34px;height:24px}.hint{color:var(--ink-faint);padding:2px 10px 6px;font-size:11px}.slots{padding:0;list-style:none}.slot-row{align-items:center;gap:6px;padding:3px 0;display:flex}.slot-select{cursor:pointer;background:0 0;border:0;align-items:center;padding:3px 2px;display:flex}.slot-index{color:var(--ink-faint);text-align:right;width:18px;font-size:11px}.slot-row select{background:var(--lift-2);color:var(--ink-2);border:1px solid var(--hair);border-radius:5px;flex:1;padding:4px 6px;font-size:12px}.preset-picker{align-items:center;gap:6px;display:flex}.preset-select{background:var(--lift-2);color:var(--ink);border:1px solid var(--hair);cursor:pointer;border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.preset-select:focus{border-color:var(--ink-body);outline:none}.slot-edit{color:var(--ink-body);cursor:pointer;background:0 0;border:0;padding:2px 4px}.slot-edit:hover{color:var(--ink)}button.export{background:var(--pill);color:var(--l0);border-radius:var(--r-md);cursor:pointer;transition:opacity var(--fast) var(--ease);border:0;padding:7px 16px;font-weight:500}button.export:hover{opacity:.88}.export-menu{position:relative}.export-dropdown{z-index:30;background:var(--l3);border:1px solid var(--hair-2);border-radius:8px;min-width:250px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 32px #00000080}.export-dropdown button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.export-dropdown button:hover{background:var(--lift-3)}.export-dropdown button span{color:var(--ink-body);font-size:11px}.export-dropdown .export-group{color:var(--ink-meta);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--hair);padding:9px 14px 5px;font-size:10px;font-weight:600}.export-dropdown .export-group:first-child{border-top:0}.export-frames{background:var(--hair);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);grid-template-columns:1fr 1fr;gap:1px;display:grid}.export-frames button{background:var(--l3);gap:1px;padding:9px 12px}.export-frames button strong{color:var(--ink-2);font-weight:500}.export-frames button span{font-size:10px;line-height:1.35}.export-frames button:disabled{cursor:progress;color:var(--ink-body)}.export-frames button:disabled:hover{background:var(--l3)}.export-dropdown .export-note{color:var(--ink-body);padding:2px 14px 10px;font-size:11px;line-height:1.45}.export-dropdown .export-primary{background:var(--lift-3);border-bottom:1px solid var(--hair-2);position:relative}.export-dropdown .export-primary strong{color:var(--ink)}.export-dropdown .export-primary:hover{background:var(--lift-3)}.export-dropdown .export-secondary button{position:relative}.export-dropdown .export-secondary strong{color:var(--ink-2);font-weight:500}.copied-badge{font-size:11px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--ink)!important}.left{background:var(--l1);border-right:1px solid var(--hair);grid-area:left;padding:14px;overflow-y:auto}.left h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-body);margin:14px 0 8px;font-size:11px}.left h2:first-child{margin-top:0}.presets{padding:0;list-style:none}.presets button{text-align:left;width:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:13px}.presets button:hover{background:var(--lift-2)}.presets button.active{background:var(--lift-3);color:var(--ink)}.viewport{background:var(--room-bezel);grid-area:viewport;padding:8px;position:relative}.viewport canvas{border-radius:var(--r-lg)}.stats{top:auto!important;bottom:8px!important;left:228px!important}.right{background:var(--l1);border-left:1px solid var(--hair);grid-area:right;overflow-y:auto}.states-bar{border-bottom:1px solid var(--hair);background:var(--l1);padding:8px 10px}.states-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.state-chip{background:var(--lift-2);color:var(--ink-2);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;display:inline-flex}.state-chip:hover{background:var(--lift-3)}.state-chip.active{background:var(--lift-3);border-color:var(--hair-2);color:var(--ink)}.state-dot{background:var(--ink-2);border-radius:50%;width:6px;height:6px;display:inline-block}.state-dot.slot{background:var(--ink-body)}.state-preview{background:var(--lift-2);color:var(--ink-2);cursor:pointer;border:1px solid #0000;border-radius:6px;margin-left:auto;padding:3px 10px;font-size:12px}.state-preview.active{background:var(--lift-3);border-color:var(--hair-2);color:var(--ink)}.state-detail{color:var(--ink-body);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.state-detail input[type=number]{background:var(--lift-2);border:1px solid var(--hair-2);width:52px;color:var(--ink);border-radius:4px;padding:2px 4px}.state-detail select{background:var(--lift-2);border:1px solid var(--hair-2);color:var(--ink);border-radius:4px;padding:2px 4px;font-size:12px}.state-overrides{flex-wrap:wrap;gap:4px;display:inline-flex}.state-override,.state-reset{background:var(--lift-2);border:1px solid var(--hair-2);color:var(--ink);cursor:pointer;border-radius:4px;padding:1px 6px;font-size:11px}.state-reset{background:var(--lift-2);border-color:var(--hair-2);color:var(--ink-2)}.state-hint{color:var(--ink-meta);font-style:italic}.states-slot-label{color:var(--ink-body);margin-right:2px;font-size:11px}.slot-state-control{color:var(--ink-2);align-items:center;gap:4px;display:inline-flex}.slot-state-slider{width:90px}.slot-row.selected{background:var(--lift-3);border-radius:6px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04040599;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--l3);border:1px solid var(--hair-2);border-radius:10px;width:340px;max-width:calc(100vw - 32px);padding:18px;box-shadow:0 18px 48px #0009}.dialog-title{color:var(--ink);font-size:14px;font-weight:600}.dialog-message{color:var(--ink-body);margin-top:8px;font-size:12px;line-height:1.5}.dialog-input{background:var(--l0);border:1px solid var(--hair-2);width:100%;color:var(--ink);border-radius:6px;margin-top:14px;padding:8px 10px;font-size:13px}.dialog-input:focus{border-color:var(--ink-body);outline:none}.dialog-input.invalid{border-color:var(--alarm)}.dialog-error{color:var(--alarm);margin-top:6px;font-size:11px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog-btn{border:1px solid var(--hair-2);background:var(--lift-2);color:var(--ink);cursor:pointer;border-radius:6px;padding:7px 14px;font-size:12px}.dialog-btn:hover{background:var(--lift-3)}.dialog-btn.primary{background:var(--pill);color:var(--l0);border-color:#0000;font-weight:500}.dialog-btn.primary:hover{background:var(--pill);opacity:.88}.dialog-btn.primary.danger{background:var(--alarm);border-color:var(--alarm)}.dialog-btn.primary.danger:hover{background:var(--alarm)}.toaster{z-index:90;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:8px;display:flex;position:fixed;bottom:58px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border:1px solid var(--hair-2);background:var(--lift-2);color:var(--ink);cursor:pointer;border-radius:8px;padding:9px 14px;font-size:12px;animation:.16s ease-out toast-in;box-shadow:0 8px 24px #00000080}.toast.error{border-color:var(--alarm);color:var(--alarm)}.toast.success{border-color:var(--ink-2);color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.viewport-guide{z-index:20;background:var(--glass-fill);border:1px solid var(--hair-2);border-radius:10px;width:260px;padding:12px 14px;animation:.18s ease-out toast-in;position:absolute;top:14px;left:14px}.guide-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.guide-head strong{letter-spacing:.02em;color:var(--ink);font-size:12px}.guide-close{color:var(--ink-body);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px}.guide-close:hover{color:var(--ink)}.guide-steps{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.guide-steps li{color:var(--ink-2);align-items:baseline;gap:8px;font-size:12px;line-height:1.45;display:flex}.guide-steps b{color:var(--ink);font-weight:600}.guide-dot{background:var(--grab);width:9px;height:9px;box-shadow:0 0 0 3px var(--grab-glow);border-radius:50%;flex:none;margin-top:3px}.guide-dot.cloth{border:2px solid var(--grab);box-shadow:none;background:0 0}.guide-key{border:1px solid var(--hair-2);background:var(--lift-2);color:var(--ink);border-radius:4px;flex:none;padding:1px 6px;font-size:11px}.guide-got-it{background:var(--lift-2);width:100%;color:var(--ink-2);cursor:pointer;border:0;border-radius:6px;margin-top:12px;padding:7px;font-size:12px;font-weight:500}.guide-got-it:hover{background:var(--lift-3);color:var(--ink)}.guide-toggle{z-index:20;border:1px solid var(--hair-2);background:var(--glass-fill);width:28px;height:28px;color:var(--ink-2);cursor:pointer;border-radius:50%;font-size:14px;position:absolute;top:14px;left:14px}.guide-toggle:hover{color:var(--ink);border-color:var(--ink-body)}.stage-presets{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.stage-preset{background:var(--lift);width:100%;color:var(--ink);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:7px;flex-direction:column;gap:3px;padding:9px 10px;display:flex}.stage-preset:hover{background:var(--lift-2)}.stage-preset.selected{border-color:var(--ink-body);background:var(--lift-2)}.stage-preset strong{font-size:13px;font-weight:600}.stage-preset span{color:var(--ink-body);font-size:11px;line-height:1.45}.panel{padding:6px 0 12px}.control-folder{border-bottom:1px solid var(--lift-2)}.control-folder-head{width:100%;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 10px;font-weight:600;display:flex}.control-folder-head:hover{background:var(--lift)}.control-folder-caret{color:var(--ink-body);font-size:10px;transition:transform .12s}.control-folder.open .control-folder-caret{transform:rotate(90deg)}.control-folder-body{padding:2px 10px 8px}.control-folder-body .control-folder{border-bottom:0;border-left:1px solid var(--hair);margin-left:2px}.control-folder-body .control-folder-head{color:var(--ink-body);padding-left:8px;font-weight:500}.control-row{grid-template-columns:88px 1fr 44px;align-items:center;gap:8px;min-height:26px;padding:3px 0;display:grid}.control-row.stacked{grid-template-columns:1fr;gap:4px}.control-row.disabled{opacity:.45}.control-row-button{grid-template-columns:1fr}.control-label{color:var(--ink-body);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.control-label.scrub{cursor:ew-resize;-webkit-user-select:none;user-select:none}.control-label.scrub:hover{color:var(--ink-2)}.control-slider{width:100%;accent-color:var(--ink-2);height:14px}.control-value{background:var(--lift-2);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;text-align:right;cursor:text;border:1px solid #0000;border-radius:4px;width:100%;padding:3px 4px;font-size:11px}.control-value:hover:not(:disabled){border-color:var(--hair-2)}.control-value.editing{border-color:var(--ink-body);outline:none}.control-select,.control-text{background:var(--lift-2);border:1px solid var(--hair-2);color:var(--ink);font:inherit;border-radius:4px;grid-column:2/-1;width:100%;padding:4px 6px;font-size:12px}.control-row.stacked .control-text{resize:vertical;grid-column:1;line-height:1.45}.control-select:focus,.control-text:focus{border-color:var(--ink-body);outline:none}.control-row.dirty .control-label{color:var(--ink)}.control-apply{background:var(--lift-2);border:1px solid var(--hair-2);color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;justify-self:end;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:flex}.control-apply:hover{background:var(--lift-3);border-color:var(--ink-body)}.control-apply kbd{color:var(--ink-meta);font:inherit;font-size:10px}.control-color{grid-column:2/-1;align-items:center;gap:6px;min-width:0;display:flex}.control-color input[type=color]{border:1px solid var(--hair-2);cursor:pointer;background:0 0;border-radius:4px;flex:none;width:26px;height:22px;padding:0}.control-color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.control-color input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.control-color .control-text{font-variant-numeric:tabular-nums;grid-column:auto;min-width:0}.control-toggle{cursor:pointer;grid-column:2/-1;justify-self:start;display:inline-flex;position:relative}.control-toggle input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.control-toggle-track{background:var(--lift-2);border:1px solid var(--hair-2);border-radius:999px;width:30px;height:17px;transition:background .12s,border-color .12s;position:relative}.control-toggle-track:after{content:"";background:var(--ink-body);border-radius:50%;width:11px;height:11px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.control-toggle input:checked+.control-toggle-track{background:var(--l3);border-color:var(--ink-body)}.control-toggle input:checked+.control-toggle-track:after{background:var(--ink);transform:translate(13px)}.control-toggle input:focus-visible+.control-toggle-track{outline:2px solid var(--ink-body);outline-offset:2px}.control-button{background:var(--lift-2);border:1px solid var(--hair-2);width:100%;color:var(--ink-2);font:inherit;cursor:pointer;border-radius:5px;padding:5px 10px;font-size:12px}.control-button:hover{background:var(--lift-3);border-color:var(--ink-body);color:var(--ink)}.control-note{color:var(--ink-body);padding:4px 0 6px;font-size:11px;line-height:1.5}.crash{background:var(--l0);color:var(--ink);justify-content:center;align-items:flex-start;padding:6vh 24px;font:13px/1.55 ui-sans-serif,system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.crash-panel{width:min(760px,100%)}.crash h1{margin:0 0 12px;font-size:19px;font-weight:600}.crash-message{border-left:2px solid var(--alarm);background:var(--lift);color:var(--alarm);font-family:var(--mono);word-break:break-word;margin:0 0 14px;padding:10px 12px}.crash-hint{color:var(--ink-body);margin:0 0 18px}.crash-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.crash-actions button{border:1px solid var(--hair-2);background:var(--lift-2);color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;padding:7px 13px}.crash-actions button:hover{background:var(--lift-3);border-color:var(--hair-2)}.crash-stack{border:1px solid var(--hair);background:var(--l0);max-height:46vh;color:var(--ink-meta);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0;padding:12px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.history{gap:2px;display:flex}.history button{width:28px;height:26px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:15px;line-height:1}.history button:hover:not(:disabled){background:var(--lift-2)}.history button:disabled{opacity:.3;cursor:default}.select-trigger{background:var(--lift-2);border:1px solid var(--hair-2);width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:left;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:12px;display:flex}.select-trigger:hover{border-color:var(--hair-2)}.select-trigger:focus-visible,.select-trigger.open{border-color:var(--ink-body);outline:none}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.select-caret{color:var(--ink-body);flex:none;font-size:9px}.select-backdrop{z-index:200;position:fixed;inset:0}.select-list{z-index:201;background:var(--l3);border:1px solid var(--hair-2);border-radius:6px;flex-direction:column;padding:4px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #0000008c}.select-list:focus{outline:none}.select-option{color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:5px 8px;font-size:12px}.select-option.active{background:var(--lift-3);color:var(--ink)}.select-option.selected{color:var(--ink-2)}.select-option.selected:after{content:"✓";float:right;margin-left:12px}.control-row .select-trigger{grid-column:2/-1}.slot-preset{min-width:0}.preset-select.select-trigger{grid-column:auto}.control-slider,.transport .scrubber,.slot-state-slider{appearance:none;background:linear-gradient(to right, var(--ink-body) 0, var(--ink-body) var(--fill,0%), var(--lift-2) var(--fill,0%), var(--lift-2) 100%);cursor:pointer;border-radius:999px;height:4px}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);cursor:grab;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000080}.transport .scrubber::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);cursor:grab;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000080}.slot-state-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);cursor:grab;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000080}.control-slider::-moz-range-thumb{background:var(--ink);cursor:grab;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000080}.transport .scrubber::-moz-range-thumb{background:var(--ink);cursor:grab;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000080}.slot-state-slider::-moz-range-thumb{background:var(--ink);cursor:grab;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000080}.control-slider:active::-webkit-slider-thumb{cursor:grabbing;background:var(--ink)}.transport .scrubber:active::-webkit-slider-thumb{cursor:grabbing;background:var(--ink)}.control-slider:focus-visible,.transport .scrubber:focus-visible{outline:2px solid var(--ink-body);outline-offset:3px}.control-slider:disabled,.transport .scrubber:disabled{opacity:.4;cursor:default}.transport .scrubber{background:var(--lift-2);height:5px}.control-row.signature{grid-template-columns:1fr 46px;grid-template-areas:"label value""input input";gap:4px 8px;padding:7px 0 9px}.control-row.signature .control-label{color:var(--ink);grid-area:label;font-size:12.5px;font-weight:500}.control-row.signature .control-slider{grid-area:input;height:6px}.control-row.signature .control-slider::-webkit-slider-thumb{width:15px;height:15px}.control-row.signature .control-slider::-moz-range-thumb{width:15px;height:15px}.control-row.signature .control-value{grid-area:value}.control-row.signature .select-trigger,.control-row.signature .control-toggle{grid-area:input/auto;padding:6px}.coach-mark{background:var(--l3);border:1px solid var(--grab);max-width:260px;color:var(--ink);pointer-events:auto;z-index:5;border-radius:8px;align-items:center;gap:8px;margin:-14px 0 0 22px;padding:7px 8px 7px 12px;font-size:12.5px;line-height:1.35;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 24px #00000073}.coach-mark.placed{animation:.22s ease-out both coach-in}@keyframes coach-in{0%{opacity:0;transform-origin:0}to{opacity:1}}.coach-mark-tether{background:var(--grab);width:22px;height:1px;position:absolute;top:50%;right:100%}.coach-mark-tether:before{content:"";border:1px solid var(--grab);border-radius:50%;width:8px;height:8px;position:absolute;top:-3.5px;right:100%}.coach-mark-text{flex:1}.coach-mark-close{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;padding:2px 4px;font-size:11px}.coach-mark-close:hover{color:var(--ink);background:#ffffff1a}.states-bar-label{color:var(--ink-body);margin-bottom:6px;font-size:11px;font-weight:500}.states-bar-hint{color:var(--ink-meta);font-weight:400}.state-duration{align-items:center;gap:4px;display:inline-flex}.state-ease.select-trigger{width:auto;min-width:104px}.state-preview{align-items:center;gap:5px;display:inline-flex}.coach-mark[data-flip=left]{transform-origin:100%;margin:-14px 22px 0 0}.coach-mark[data-flip=left] .coach-mark-tether,.coach-mark[data-flip=left] .coach-mark-tether:before{left:100%;right:auto}.coach-mark[data-raise=true]{margin-top:-52px}.coach-mark[data-raise=true] .coach-mark-tether{width:1px;height:20px;inset:auto auto -19px 16px}.coach-mark[data-raise=true] .coach-mark-tether:before{top:100%;left:-3.5px;right:auto}.small-screen{display:none}@media (width<=900px){.small-screen{z-index:300;background:var(--l0);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.small-screen.dismissed{display:none}.app{overflow:hidden}}.small-screen-card{max-width:30rem;margin:auto}.small-screen-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-meta);margin-bottom:18px;font-size:11px;font-weight:700}.small-screen-card h1{letter-spacing:-.02em;color:var(--ink);margin:0 0 14px;font-size:clamp(24px,7vw,32px);line-height:1.15}.small-screen-card p{color:var(--ink-body);margin:0 0 20px;font-size:15px;line-height:1.6}.small-screen-go{background:var(--pill);color:var(--l0);text-align:center;border-radius:10px;padding:15px 18px;font-size:15px;font-weight:500;text-decoration:none;display:block}.small-screen-note{margin-top:12px;font-size:13.5px}.small-screen-links{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:18px;display:flex}.small-screen-links a,.small-screen-links button{font:inherit;color:var(--ink-body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13.5px;text-decoration:underline}.view-cluster,.viewport-guide,.guide-toggle{background:var(--glass-fill);border:1px solid var(--hair-2);box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffff17;-webkit-backdrop-filter:blur(18px)}@media (prefers-reduced-transparency:reduce){.view-cluster,.viewport-guide,.guide-toggle{background:var(--l3);-webkit-backdrop-filter:none}}.view-cluster{z-index:20;border-radius:var(--r-xl);align-items:center;gap:2px;padding:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.view-cluster button{width:32px;height:32px;color:var(--ink-body);cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.view-cluster button:hover{background:var(--lift-2);color:var(--ink)}.view-cluster button.on{background:var(--lift-3);color:var(--ink);box-shadow:inset 0 1px #ffffff1f}.view-cluster .cluster-rule{background:var(--hair-2);width:1px;height:20px;margin:0 5px}.cluster-tip{border:1px solid var(--hair-2);background:var(--l3);color:var(--ink);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--fast) var(--ease);border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #000000a6}.cluster-slot{display:flex;position:relative}.cluster-slot:hover .cluster-tip{opacity:1}.cluster-tip kbd{color:var(--ink-meta);font:inherit;margin-left:6px}@media (prefers-reduced-motion:reduce){.toast,.viewport-guide,.coach-mark.placed{animation:none}}