:root{--neutral-0:#fff;--neutral-50:#eee;--neutral-100:#d9d9d9;--neutral-200:#b8b8b8;--neutral-300:#949494;--neutral-400:#888;--neutral-500:#606060;--neutral-600:#414141;--neutral-700:#2e2e2e;--neutral-750:#242424;--neutral-800:#282828;--neutral-850:#212121;--neutral-900:#171717;--neutral-950:#1c1c1c;--neutral-975:#161616;--indigo-500:#704ce0;--jade-500:#00beab;--red-500:#ed5866;--amber-500:#f0a43a;--studio-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--display-font:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--mono-font:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--font-meta:600 10.5px/14px var(--mono-font);--tracking-meta:.07em;--radius-xs:2px;--radius-small:4px;--radius-medium:6px;--radius-row:8px;--radius-tile:10px;--radius-popup:12px;--radius-card:14px;--surface-radius:16px;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas-bg:#141414;--canvas-grid:#ffffff29;--canvas-part:#d8d8d8;--canvas-part-fill:#141414;--canvas-wire:#8f8f8f;--canvas-hover:#ffffff0a;--surface:#1d1d1d;--surface-raised:#262626;--surface-sunken:#111;--surface-hover:#ffffff0f;--surface-pressed:#ffffff1a;--text-primary:#eee;--text-secondary:#a8a8a8;--text-muted:#7c7c7c;--text-disabled:#555;--hairline:#ffffff14;--border-default:#ffffff1f;--accent:#8d70f0;--accent-strong:#704ce0;--accent-soft:#8d70f024;--accent-marquee:#8d70f014;--signal:#2fd0bf;--chip-bg:#8d70f01a;--chip-line:#8d70f052;--probe:#f0a43a;--danger:var(--red-500);--warn:var(--amber-500);--shadow-color:0 0 0;--shadow-float:0 1px 0 #ffffff0a inset, 0 0 0 1px #ffffff12, 0 12px 32px #00000073, 0 2px 6px #0000004d;--shadow-popup:0 0 0 1px #ffffff14, 0 18px 48px #0000008c;--material-raised:linear-gradient(180deg, #343434, #2a2a2a);--material-raised-hover:linear-gradient(180deg, #3b3b3b, #303030);--bevel:inset 0 1px 0 #ffffff17, 0 0 0 1px #0000008c, 0 1px 2px #00000080;--bevel-sunk:inset 0 1px 3px #0009, 0 0 0 1px #00000080;--field:#121212;--field-shadow:inset 0 1px 2px #0000008c, 0 0 0 1px #ffffff0f;--tooltip-bg:#080808f0;--scrim:#00000080}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas-bg:#f6f6f4;--canvas-grid:#0003;--canvas-part:#262626;--canvas-part-fill:#f6f6f4;--canvas-wire:#7a7a7a;--canvas-hover:#00000009;--surface:#fff;--surface-raised:#fff;--surface-sunken:#f0f0ee;--surface-hover:#0000000d;--surface-pressed:#00000014;--text-primary:#1b1b1b;--text-secondary:#555;--text-muted:#8a8a8a;--text-disabled:#bbb;--hairline:#00000014;--border-default:#0000001f;--accent:#6a46da;--accent-strong:#5b38cc;--accent-soft:#6a46da1c;--accent-marquee:#6a46da0f;--signal:#00a090;--chip-bg:#6a46da12;--chip-line:#6a46da47;--probe:#d9822b;--shadow-float:0 0 0 1px #0000000f, 0 10px 30px #0000001a, 0 2px 6px #0000000f;--shadow-popup:0 0 0 1px #00000012, 0 18px 48px #00000029;--material-raised:linear-gradient(180deg, #fff, #f3f3f1);--material-raised-hover:linear-gradient(180deg, #fff, #ebebe9);--bevel:inset 0 1px 0 #fff, 0 0 0 1px #0000001a, 0 1px 2px #00000014;--bevel-sunk:inset 0 1px 3px #00000024, 0 0 0 1px #0000001a;--field:#f1f1ef;--field-shadow:inset 0 1px 2px #00000014, 0 0 0 1px #00000012;--tooltip-bg:#141414f0;--scrim:#0000002e}button{font:inherit;color:inherit}.meta{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted)}.ib{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background .15s var(--ease-out), color .15s, transform .12s var(--ease-out), box-shadow .15s;background:0 0;border:0;border-radius:11px;flex:none;place-items:center;padding:0;display:grid;position:relative}.ib:hover{background:var(--material-raised-hover);box-shadow:var(--bevel);color:var(--text-primary)}.ib:active{box-shadow:var(--bevel-sunk);background:var(--surface-pressed);transform:translateY(.5px)scale(.96)}.ib[data-on=true]{color:var(--text-primary);background:var(--surface-pressed);box-shadow:var(--bevel-sunk)}.ib[data-on=true]:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.ib:disabled{opacity:.35;pointer-events:none}.ib svg{transition:transform .25s var(--spring)}.ib:hover svg{transform:scale(1.07)}.ib.rot:hover svg{transform:rotate(90deg)}.btn{border-radius:var(--radius-tile);background:var(--material-raised);height:32px;box-shadow:var(--bevel);color:var(--text-primary);cursor:pointer;transition:transform .12s var(--ease-out), background .15s;border:0;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.btn:hover{background:var(--material-raised-hover)}.btn:active{box-shadow:var(--bevel-sunk);transform:translateY(.5px)scale(.98)}.btn.ghost{box-shadow:none;color:var(--text-secondary);background:0 0;font-weight:500}.btn.ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn.primary{color:#fff;background:linear-gradient(#8467ee,#6a46da);box-shadow:inset 0 1px #fff3,0 0 0 1px #00000059,0 2px 6px #5032c859}.btn.primary:hover{background:linear-gradient(#8d72f2,#714de0)}.kc{font:600 10.5px/1 var(--mono-font);background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text-secondary);border-radius:5px;padding:3px 5px}.tip{z-index:100;background:var(--tooltip-bg);color:#f2f2f2;border-radius:var(--radius-row);font:500 12px/1.3 var(--studio-font);transform-origin:var(--transform-origin);transition:opacity .12s, transform .12s var(--ease-out);align-items:center;gap:8px;padding:6px 9px;display:flex;box-shadow:0 0 0 1px #ffffff14,0 6px 18px #00000059}.tip[data-starting-style],.tip[data-ending-style]{opacity:0;transform:scale(.96)}.tip .kc{color:#ddd;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff14}.seg{background:var(--field);box-shadow:var(--field-shadow);border-radius:12px;gap:2px;padding:2px;display:inline-flex}.seg button{min-width:34px;height:30px;color:var(--text-muted);font:600 12px var(--studio-font);cursor:pointer;transition:color .15s, background .2s var(--ease-out);background:0 0;border:0;border-radius:10px;place-items:center;padding:0 10px;display:grid}.seg button:hover{color:var(--text-primary)}.seg button[data-on=true]{background:var(--material-raised);box-shadow:var(--bevel);color:var(--text-primary)}.seg.icons button{min-width:32px;padding:0 7px}.knob{width:var(--knob-w,56px);cursor:ns-resize;touch-action:none;border-radius:var(--radius-row);flex-direction:column;align-items:center;gap:4px;display:flex}.knob svg{display:block}.knob .kl{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.knob .kv{font:600 11px var(--mono-font);color:var(--text-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.knob[data-hl]{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}:root[data-knob-hl=on] .react-flow__node:has(.pm-knobs .knob:hover){outline:1px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px;border-radius:14px}.knob:hover .kv{color:var(--text-primary)}.mini-knob{cursor:ns-resize;touch-action:none;align-items:center;gap:6px;padding:0 4px 0 2px;display:flex}.menu{z-index:60;background:var(--surface);border-radius:var(--radius-popup);min-width:220px;box-shadow:var(--shadow-popup);transform-origin:var(--transform-origin);transition:opacity .12s, transform .14s var(--ease-out);outline:none;padding:5px}.menu[data-starting-style],.menu[data-ending-style]{opacity:0;transform:scale(.97)}.menu-pos{z-index:80}.mi{border-radius:var(--radius-row);min-height:32px;color:var(--text-primary);cursor:default;font:500 13px var(--studio-font);-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;padding:0 10px;display:flex}.mi>*{pointer-events:none}.mi .mi-ic{flex:none;width:18px}.mi .mi-l{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mi[data-disabled],.mi[data-disabled] svg{color:var(--text-disabled)}.mi[data-danger][data-highlighted]{background:var(--danger);color:#fff}.mi[data-popup-open]:not([data-highlighted]){background:var(--field)}.mi svg{color:var(--text-muted)}.mi .sc{color:var(--text-muted);font:500 11.5px var(--mono-font);margin-left:auto}.mi[data-highlighted]{background:var(--accent-strong);color:#fff}.mi[data-highlighted] svg,.mi[data-highlighted] .sc{color:#ffffffd9}.msep{background:var(--hairline);height:1px;margin:4px 8px}.toast{z-index:70;background:var(--tooltip-bg);color:#f2f2f2;border-radius:var(--radius-pill);animation:drop .25s var(--ease-out);padding:8px 14px;font-size:12.5px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}@keyframes drop{0%{opacity:0;transform:translate(-50%,-6px)}}.toast .toast-act{color:var(--accent);font:600 13px var(--studio-font);cursor:pointer;background:0 0;border:0;margin-left:10px}.play{cursor:pointer;color:#fff;width:40px;height:40px;transition:transform .18s var(--spring), background .2s;background:linear-gradient(#8467ee,#6a46da);border:0;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff38,0 0 0 1px #00000059,0 3px 10px #5a37cf73}.play:hover{transform:scale(1.05)}.play:active{transform:scale(.94)}.play[data-on=true]{background:linear-gradient(#24d3c0,#00ae9c);box-shadow:inset 0 1px #ffffff40,0 0 0 1px #00000059,0 3px 12px #00beab66}@media (prefers-reduced-motion:reduce){.ib,.ib svg,.btn,.play,.tip,.menu,.toast{transition:none!important;animation:none!important}}.floating{background:var(--surface);border-radius:var(--radius-card);min-width:240px;box-shadow:var(--shadow-popup);animation:floating-in .16s var(--ease-out);outline:none;position:fixed;top:0;left:0}@keyframes floating-in{0%{opacity:0;scale:.97}}.floating-bar{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:2px;height:40px;padding:0 6px 0 14px;display:flex}.floating-bar:active{cursor:grabbing}.floating[data-min] .floating-bar{height:36px}.floating-title{white-space:nowrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.floating-title b{font:650 13px var(--display-font)}.floating-title span{font:500 11.5px var(--studio-font);color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.floating-body{padding:4px 14px 12px}@media (prefers-reduced-motion:reduce){.floating{animation:none}}:root,:root[data-theme=dark]{--nl-card:#b9a3ff;--nl-letter:#d2c4ff;--nl-node:#7cc4ff;--nl-num:#f2bd6b;--nl-unit:#c9955a;--nl-param:#f08fd0;--nl-dir:#ff9b7a;--nl-model:#a8d672;--nl-attr:#9aa6b2;--nl-at:#2fd0bf;--nl-label:#e8e8e8;--nl-comment:#858585;--nl-sel:#8d70f029;--nl-sel-edge:#8d70f0;--nl-annot-band:#2fd0bf0b}:root[data-theme=light]{--nl-card:#5b38cc;--nl-letter:#3d1fa8;--nl-node:#1166c4;--nl-num:#a35f00;--nl-unit:#b07a3a;--nl-param:#b3268f;--nl-dir:#c2410c;--nl-model:#4b7a0d;--nl-attr:#66707a;--nl-at:#00897b;--nl-label:#1b1b1b;--nl-comment:#8a8a8a;--nl-sel:#6a46da1a;--nl-sel-edge:#6a46da;--nl-annot-band:#00a0900d}.cm .cm-editor{height:100%;font:12.5px/1.65 var(--mono-font);background:0 0}.cm .cm-editor.cm-focused{outline:none}.cm .cm-scroller{font-family:var(--mono-font)}.cm .cm-content{padding:6px 0 24px}.cm .cm-gutters{color:var(--text-disabled);background:0 0;border:0}.cm .cm-lineNumbers .cm-gutterElement{padding:0 6px 0 10px;font-size:11px}.cm .cm-activeLine,.cm .cm-activeLineGutter{background:var(--surface-hover)}.cm .cm-cursor{border-left:1.5px solid var(--accent)}.cm .cm-selectionBackground,.cm .cm-focused .cm-selectionBackground{background:var(--accent-soft)!important}.cm .cm-matchingBracket{background:var(--accent-soft);outline:1px solid var(--chip-line);border-radius:2px;color:inherit!important}.cm .cm-nonmatchingBracket{color:var(--danger)!important}.cm .cm-gutter-lint{width:12px}.cm .cm-gutter-lint .cm-gutterElement{padding:0}.cm .cm-lint-marker{content:none;border-radius:50%;width:7px;height:7px;margin:7px 0 0 3px}.cm .cm-lint-marker-error{background:var(--danger)}.cm .cm-lint-marker-warning{background:var(--warn)}.cm .cm-lint-marker-info{background:var(--accent)}.cm .cm-lintRange-error{-webkit-text-decoration:wavy underline var(--danger) 1px;text-decoration:wavy underline var(--danger) 1px;text-underline-offset:3px;background-image:none}.cm .cm-lintRange-warning{-webkit-text-decoration:wavy underline color-mix(in srgb, var(--warn) 75%, transparent) 1px;text-decoration:wavy underline color-mix(in srgb, var(--warn) 75%, transparent) 1px;text-underline-offset:3px;background-image:none}body .sc-tips .cm-tooltip{z-index:200;border-radius:var(--radius-popup);background:var(--surface-raised);box-shadow:var(--shadow-popup);color:var(--text-primary);border:0;overflow:hidden}body .sc-tips .cm-tooltip-hover{max-width:320px}body .sc-tips .cm-diagnostic{font:500 12px/1.45 var(--studio-font);border:0;padding:7px 11px}body .sc-tips .cm-diagnostic-error{box-shadow:inset 2px 0 0 var(--danger)}body .sc-tips .cm-diagnostic-warning{box-shadow:inset 2px 0 0 var(--warn)}body .sc-tips .cm-diagnosticAction{border-radius:var(--radius-small);background:var(--accent);color:#fff;font:600 11.5px var(--studio-font);cursor:pointer;border:0;margin-left:8px;padding:2px 8px}body .sc-tips .cm-diagnosticSource{display:none}body .sc-tips .cm-tooltip-autocomplete>ul{font:12.5px var(--mono-font);max-height:260px;padding:4px}body .sc-tips .cm-tooltip-autocomplete>ul>li{border-radius:var(--radius-small);align-items:baseline;gap:10px;padding:3px 8px;line-height:1.5;display:flex}body .sc-tips .cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--accent);color:#fff}body .sc-tips .cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionDetail{color:#fffc}body .sc-tips .cm-completionLabel{color:inherit}.sc-scrim{z-index:90;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .16s var(--ease-out);position:fixed;inset:0}.sc-scrim[data-starting-style],.sc-scrim[data-ending-style]{opacity:0}.sc-viewport{z-index:95;justify-content:center;align-items:flex-start;padding:12vh 12px 12px;display:flex;position:fixed;inset:0}.sc-sheet,.sc-palette{background:var(--surface);border-radius:var(--radius-card);width:min(560px,100%);max-height:calc(100dvh - 14vh - 12px);box-shadow:var(--shadow-popup), inset 0 1px 0 #ffffff0a;transition:opacity .14s var(--ease-out), transform .18s var(--spring);transform-origin:top;outline:none;flex-direction:column;display:flex;overflow:hidden}.sc-sheet.wide{width:min(780px,100%)}.sc-sheet[data-starting-style],.sc-sheet[data-ending-style],.sc-palette[data-starting-style],.sc-palette[data-ending-style]{opacity:0;transform:translateY(-6px)scale(.98)}.sc-sheet{padding:20px 22px 16px;overflow-y:auto}.sc-sheet-h{margin-bottom:14px}.sc-sheet-title{font:650 17px/1.25 var(--display-font);letter-spacing:-.012em;margin:0}.sc-sheet-desc{font:500 12.5px/1.45 var(--studio-font);color:var(--text-muted);margin:4px 0 0}.sc-palette-input{color:var(--text-muted);box-shadow:inset 0 -1px 0 var(--hairline);align-items:center;gap:10px;padding:0 18px;display:flex}.sc-palette-input input{height:52px;color:var(--text-primary);font:500 15px var(--studio-font);caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1}.sc-palette-input input::placeholder{color:var(--text-disabled)}.sc-palette-scroll{flex:0 auto;min-height:0;display:flex;position:relative;overflow:hidden}.sc-palette-viewport{overscroll-behavior:contain;outline:none;width:100%;max-height:min(56dvh,420px);scroll-padding-block:6px}.sc-palette-list{padding:6px}.sc-palette-group+.sc-palette-group{margin-top:4px}.sc-palette-glabel{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted);padding:8px 12px 4px}.sc-palette-item{border-radius:var(--radius-row);cursor:default;min-height:36px;font:500 13.5px var(--studio-font);color:var(--text-primary);transition:background .12s var(--ease-out);outline:none;align-items:center;gap:10px;padding:0 12px;scroll-margin-block:6px;display:flex}.sc-palette-item[data-highlighted]{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.sc-palette-item .l{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sc-palette-item .h{font:500 11.5px var(--studio-font);color:var(--text-muted)}.sc-palette-empty{color:var(--text-muted);padding:22px 18px}.sc-palette-foot{font:500 11px var(--studio-font);color:var(--text-disabled);box-shadow:inset 0 1px 0 var(--hairline);margin:0;padding:8px 18px}.sc-input{border-radius:var(--radius-row);background:var(--field);height:32px;box-shadow:var(--field-shadow);color:var(--text-primary);font:500 13px var(--studio-font);transition:box-shadow .15s var(--ease-out);caret-color:var(--accent);border:0;outline:none;padding:0 10px}.sc-input::placeholder{color:var(--text-disabled)}.sc-input:focus-visible{box-shadow:var(--field-shadow), 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent)}.sc-input[data-invalid]{box-shadow:var(--field-shadow), 0 0 0 1px var(--danger)}.sc-number{display:inline-flex}.sc-number-group{border-radius:var(--radius-row);align-items:baseline;gap:4px;padding:2px 4px;transition:background .15s;display:flex}.sc-number-group:hover{background:var(--surface-hover)}.sc-number-input{text-align:right;width:3.2ch;color:var(--text-primary);font:600 15px var(--mono-font);font-variant-numeric:tabular-nums;caret-color:var(--accent);background:0 0;border:0;outline:none;padding:2px 0}.sc-number-group:focus-within{background:var(--field);box-shadow:var(--field-shadow), 0 0 0 3px var(--accent-soft)}.sc-number-scrub{cursor:ns-resize;-webkit-user-select:none;user-select:none}.sc-number-unit{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted)}.sc-number-cursor{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.sc-switch-row{font:500 12.5px var(--studio-font);color:var(--text-secondary);cursor:pointer;align-items:center;gap:9px;display:inline-flex}.sc-switch{border-radius:var(--radius-pill);background:var(--field);width:30px;height:18px;box-shadow:var(--field-shadow);cursor:pointer;transition:background .18s var(--ease-out);border:0;outline:none;padding:0;position:relative}.sc-switch[data-checked]{background:var(--accent);box-shadow:inset 0 1px #fff3}.sc-switch:focus-visible{box-shadow:var(--field-shadow), 0 0 0 3px var(--accent-soft)}.sc-switch-thumb{width:14px;height:14px;transition:transform .18s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000059}.sc-switch[data-checked] .sc-switch-thumb{transform:translate(12px)}.sc-switch:active .sc-switch-thumb{transform:scale(.92)}.sc-switch[data-checked]:active .sc-switch-thumb{transform:translate(12px)scale(.92)}.ib:focus-visible,.btn:focus-visible,.play:focus-visible,.knob:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px color-mix(in srgb, var(--accent) 70%, transparent);outline:none}.btn:active,.ib:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.sc-sheet,.sc-palette,.sc-scrim,.sc-switch-thumb,.sc-palette-item{transition:none!important}}html,body,#root{height:100%;margin:0}body{background:var(--canvas-bg);color:var(--text-primary);font:500 13px/1.4 var(--studio-font);letter-spacing:-.003em;-webkit-font-smoothing:antialiased;overflow:hidden}*{box-sizing:border-box}.app{padding-top:env(safe-area-inset-top);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.bar{align-items:center;gap:6px;width:100%;max-width:1080px;height:60px;margin:0 auto;padding:0 16px 0 18px;display:flex}.brand{align-items:center;gap:9px;margin-right:6px;display:flex}.brand .mark{color:#fff;background:linear-gradient(160deg,#8566f0,#5a37cf);border-radius:8px;place-items:center;width:26px;height:26px;display:grid;box-shadow:inset 0 1px #ffffff40,0 1px 3px #0006}.brand .word{font:650 15px var(--display-font);letter-spacing:-.02em}.examples{height:30px;color:var(--text-secondary);gap:4px;padding:0 8px 0 10px;font-weight:500}.examples svg{opacity:.6;transition:transform .2s var(--ease-out)}.examples[data-popup-open] svg{transform:rotate(180deg)}.grow{flex:1}.quiet{opacity:.55;transition:opacity .2s var(--ease-out);gap:2px;display:flex}.bar:hover .quiet,.quiet:focus-within{opacity:1}.quiet .ib{width:34px;height:34px}.tempo{align-items:center;margin-left:6px;display:flex}.beats{gap:5px;margin:0 10px 0 8px;display:flex}.beats i{background:var(--text-disabled);opacity:.5;width:5px;height:5px;transition:background .25s var(--ease-out), opacity .25s, transform .25s var(--ease-out);border-radius:50%}.beats i:first-child{width:6px;height:6px;margin-top:-.5px}.beats i[data-on=true]{background:var(--signal);opacity:1;transition-duration:40ms;transform:scale(1.25)}.play{--pulse:0;position:relative}.play:after{content:"";pointer-events:none;box-shadow:0 0 0 calc(var(--pulse) * 7px) color-mix(in srgb, var(--signal) calc(var(--pulse) * 32%), transparent);border-radius:50%;position:absolute;inset:-1px}.play[data-dirty=true]{background:linear-gradient(#8467ee,#6a46da)}.play:disabled{opacity:.5;cursor:default}.code{width:100%;max-width:1080px;min-height:0;margin:0 auto;padding:4px 6px 0;overflow:hidden}.cm .cm-editor{font:14.5px/1.75 var(--mono-font)}.cm .cm-content{caret-color:var(--accent);padding:18px 0 40vh}.cm .cm-line{padding:0 18px}.cm .cm-activeLine{background:0 0}.cm .cm-focused .cm-activeLine{background:color-mix(in srgb, var(--surface-hover) 70%, transparent)}.cm .cm-placeholder{color:var(--text-disabled)}.cm .live-on{background:color-mix(in srgb, var(--signal) 22%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--signal) 45%, transparent), 0 0 12px color-mix(in srgb, var(--signal) 30%, transparent);color:var(--text-primary);border-radius:3px}.cm .live-swap{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 22%, transparent) 50%, transparent 100%) no-repeat;animation:shimmer .8s var(--ease-out) both;background-size:50% 100%}@keyframes shimmer{0%{background-position:-60% 0}to{opacity:0;background-position:160% 0}}.cm .cm-lintRange-error{text-decoration-thickness:1.5px}.foot{width:100%;max-width:1080px;padding:0 16px calc(14px + env(safe-area-inset-bottom));margin:0 auto}.status{align-items:center;height:24px;padding:0 4px;display:flex}.status .err{color:var(--danger);font:500 12px var(--mono-font);text-overflow:ellipsis;white-space:nowrap;animation:fade .2s var(--ease-out);overflow:hidden}.roll{border-radius:var(--radius-card);background:var(--surface-sunken);width:100%;height:108px;box-shadow:inset 0 0 0 1px var(--hairline);display:block}@keyframes fade{0%{opacity:0;transform:translateY(2px)}}.toast{top:calc(68px + env(safe-area-inset-top));position:fixed}.menu{min-width:200px}.menu[data-starting-style],.menu[data-ending-style]{transform:scale(.96)translateY(-4px)}.menu{transition:opacity .14s, transform .22s var(--spring)}@media (max-width:640px){.bar{gap:2px;height:54px;padding:0 10px 0 12px}.brand .word,.beats{display:none}.quiet{opacity:1}.quiet .ib{width:32px;height:32px}.tempo{margin-left:2px}.tempo .sc-number-scrub{display:none}.cm .cm-editor{font-size:13px}.cm .cm-line{padding:0 10px}.foot{padding:0 10px calc(10px + env(safe-area-inset-bottom))}.roll{border-radius:var(--radius-tile);height:84px}}@media (prefers-reduced-motion:reduce){.cm .live-swap{background:0 0;animation:none}.beats i,.examples svg{transition:none}.play:after{display:none}}.examples .song-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--text-primary);font-weight:600;overflow:hidden}.examples .saved{opacity:0;transition:opacity .3s var(--ease-out);margin-left:6px}.examples .saved[data-s]{opacity:.8}.cm .scrub{cursor:ns-resize;text-underline-offset:3px;border-radius:2px;-webkit-text-decoration:underline dotted #0000;text-decoration:underline dotted #0000;transition:text-decoration-color .15s,background .15s}.cm .scrub:hover{-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}body.scrubbing,body.scrubbing *{-webkit-user-select:none;user-select:none;cursor:ns-resize!important}.sound-chip{vertical-align:-3px;background:var(--chip-bg);width:18px;height:18px;color:var(--accent);box-shadow:inset 0 0 0 1px var(--chip-line);cursor:pointer;transition:transform .15s var(--spring), background .15s;border:0;border-radius:6px;place-items:center;margin:0 2px 0 4px;padding:0;display:inline-grid}.sound-chip:hover{background:var(--accent);color:#fff;transform:scale(1.08)}.sound-chip:active{transform:scale(.94)}.cm .doc-tip{font:500 12px/1.45 var(--studio-font);gap:2px;max-width:320px;padding:7px 10px;display:grid}.cm .doc-tip b{font:650 12px var(--mono-font)}.cm-tooltip.cm-tooltip-hover{border-radius:var(--radius-popup);background:var(--surface-raised);box-shadow:var(--shadow-popup);color:var(--text-primary);border:0}.hint{color:var(--signal);font:500 12px var(--studio-font);animation:fade .4s var(--ease-out)}.floating{width:min(360px,100vw - 16px)}.floating .knobs{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:10px 2px;padding-top:4px;display:grid}.floating .kslot[data-set] .kl{color:var(--accent)}.floating .panel-foot{text-transform:none;letter-spacing:0;font:500 11px var(--studio-font);margin-top:10px}.sheet-cols{columns:2 300px;column-gap:28px}.sc-sheet section{break-inside:avoid;margin-bottom:16px}.sc-sheet h3{margin:0 0 6px}.srow{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.rebind{cursor:pointer;text-align:center;border:0;min-width:44px;transition:background .12s,color .12s}.rebind:hover{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--chip-line)}.rebind[data-rec]{background:var(--accent);color:#fff}.sheet-foot{box-shadow:0 -1px 0 var(--hairline);flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;display:flex}.sheet-foot .warn{color:var(--warn);text-transform:none;letter-spacing:0;flex:1}.sc-sheet.songs{padding:18px 10px 10px}.sc-sheet.songs .sc-sheet-h{margin-bottom:4px;padding:0 12px}.songs-h{align-items:baseline;gap:10px;padding:0 10px 8px;display:flex}.song-list{max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.song-list li{border-radius:var(--radius-row);align-items:center;display:flex}.song-list li:hover,.song-list li[data-current]{background:var(--surface-hover)}.song-open{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;gap:12px;min-width:0;padding:10px 12px;display:flex}.song-open span:first-child{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-acts{opacity:0;transition:opacity .15s;display:flex}.song-list li:hover .row-acts,.song-list li:focus-within .row-acts{opacity:1}.row-acts .ib{width:30px;height:30px}.song-list .empty{text-transform:none;letter-spacing:0;padding:18px 12px}@media (hover:none){.row-acts{opacity:1}}@media (max-width:640px){.examples .song-name{max-width:110px}.examples .saved{display:none}.sc-viewport{padding-top:8px}}.app{grid-template-columns:minmax(0,1fr)}.foot,.code,.bar{min-width:0}.roll{max-width:100%}@media (max-width:640px){.quiet [data-testid=export-menu],.quiet [data-testid=shortcuts-button],.quiet .ib:last-child{display:none}.bar{gap:0}.play{width:38px;height:38px}}