@layer studio{.shortcuts-help-backdrop{z-index:200;pointer-events:none;background:0 0;position:fixed;inset:0}.shortcuts-help{pointer-events:auto;border:1px solid var(--lines,#2a2a2e);width:min(1040px,96vw);max-height:86vh;color:var(--fg,#fff);background:#131315;border-radius:16px;position:fixed;top:6vh;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 25px 80px #000a}.shortcuts-help-head{border-bottom:1px solid var(--lines,#2a2a2e);z-index:5;cursor:grab;touch-action:none;background:#17171a;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:700;display:flex;position:sticky;top:0}.shortcuts-help-head:active{cursor:grabbing}.shortcuts-help-head-actions{align-items:center;gap:10px;display:flex}.shortcuts-help-resetall{border:1px solid var(--lines-strong,#403f46);background:var(--surface-control,#1a1a1d);color:var(--text,#8a8a8e);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600}.shortcuts-help-resetall:hover{color:var(--fg,#fff);border-color:var(--fg,#fff)}.shortcuts-help-close{border:1px solid var(--lines,#2a2a2e);width:28px;height:28px;color:var(--text,#8a8a8e);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.shortcuts-help-close:hover{color:var(--fg,#fff);border-color:var(--lines-strong,#403f46)}.shortcuts-help-file{border:1px solid var(--lines-strong,#403f46);background:var(--surface-control,#1a1a1d);height:26px;color:var(--text,#8a8a8e);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.shortcuts-help-file:hover{color:var(--fg,#fff);border-color:var(--fg,#fff)}.shortcuts-help-hint{color:var(--muted,#5a5a5e);margin:0;padding:10px 20px 0;font-size:12px}.shortcuts-help-grid{grid-template-columns:repeat(2,1fr);gap:8px 28px;padding:20px;display:grid}.shortcuts-help-group h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5a5a5e);margin:8px 0 6px;font-size:11px;font-weight:700}.shortcuts-help-row{justify-content:space-between;align-items:center;gap:16px;padding:5px 0;display:flex}.shortcuts-help-label{color:var(--fg,#fff);font-size:13px}.shortcuts-help-keywrap{align-items:center;gap:6px;display:flex}.shortcuts-help-resetone{width:20px;height:20px;color:var(--muted,#5a5a5e);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:13px;line-height:1}.shortcuts-help-resetone:hover{color:var(--alpha,#6cff8d)}.shortcuts-help-key{text-align:center;border:1px solid var(--lines-strong,#403f46);background:var(--surface-control,#1a1a1d);min-width:44px;color:var(--text,#8a8a8e);white-space:nowrap;cursor:pointer;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:12px}.shortcuts-help-key:hover{border-color:var(--alpha,#6cff8d);color:var(--fg,#fff)}.shortcuts-help-key[data-custom]{color:var(--alpha,#6cff8d);border-color:var(--alpha,#6cff8d)}.shortcuts-help-key[data-listening]{color:#03210d;background:var(--alpha,#6cff8d);border-color:var(--alpha,#6cff8d);animation:1s ease-in-out infinite shortcuts-pulse}@keyframes shortcuts-pulse{50%{opacity:.7}}.shortcuts-help-head-actions{margin-left:auto}.preset-menu{display:inline-flex;position:relative}.preset-trigger{border:1px solid var(--lines-strong,#403f46);background:var(--surface-control,#1a1a1d);height:26px;color:var(--text,#8a8a8e);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:11px;font-weight:600;display:inline-flex}.preset-trigger:hover{color:var(--fg,#fff);border-color:var(--fg,#fff)}.preset-trigger-caret{opacity:.7}.preset-menu-pop{top:calc(100% + 6px)}.preset-menu-pop[data-align=left]{left:0;right:auto}.preset-menu-pop[data-align=right]{left:auto;right:0}.preset-section{display:contents}.preset-row{align-items:center;gap:2px;display:flex}.preset-row>.x-tooltip{min-width:0;display:flex}.preset-row>.x-tooltip:has(>.preset-load,>.preset-confirm-label){flex:auto}.studio-project-menu .preset-row .preset-load{flex:auto;width:auto;min-width:0}.preset-load-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preset-row-btn{color:#8a8a8e;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.preset-row-btn:hover{color:#e8e8ec;background:#ffffff14}.preset-row-btn:disabled{opacity:.4;cursor:default}.preset-row-btn.preset-danger:hover{color:#ff7d7d;background:#ff5a5a29}.preset-row-btn.preset-accent{color:var(--dock-focus,#b794f4)}.preset-row-btn.preset-accent:hover{background:color-mix(in srgb, var(--dock-focus,#b794f4) 18%, transparent);color:var(--dock-focus,#b794f4)}.preset-row[data-confirm]{padding-left:9px}.preset-confirm-label{text-overflow:ellipsis;white-space:nowrap;color:#d8d8de;flex:auto;min-width:0;font-size:12px;overflow:hidden}.preset-input-row{align-items:center;gap:2px;padding:2px 2px 2px 0;display:flex}.preset-input{border:1px solid var(--lines-strong,#403f46);background:var(--surface-control,#131315);min-width:0;height:28px;color:var(--fg,#f4f4f6);font:inherit;border-radius:7px;outline:none;flex:auto;padding:0 9px;font-size:12.5px}.preset-input:focus{border-color:var(--dock-focus,#b794f4)}.ex-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;display:grid;position:fixed;inset:0}.ex-modal{border:1px solid var(--lines,#2a2a2e);background:var(--surface-panel,#131315);width:min(420px,92vw);color:var(--fg,#fff);border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #0008}.ex-head{border-bottom:1px solid var(--lines,#2a2a2e);justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:700;display:flex}.ex-close{border:1px solid var(--lines,#2a2a2e);width:28px;height:28px;color:var(--text,#8a8a8e);cursor:pointer;background:0 0;border-radius:999px;font-size:18px;line-height:1}.ex-specs{border:1px solid var(--lines,#2a2a2e);background:var(--surface-control,#1a1a1d);border-radius:12px;flex-direction:column;margin:14px 20px 12px;padding:2px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.ex-specs div{justify-content:space-between;align-items:baseline;padding:9px 0;display:flex}.ex-specs div+div{border-top:1px solid #ffffff0d}.ex-specs dt{color:var(--muted,#5a5a5e);font-size:12px}.ex-specs dd{color:#e8e8ec;font-variant-numeric:tabular-nums;margin:0;font-family:ui-monospace,monospace;font-size:12px}.ex-quality{color:var(--text,#8a8a8e);justify-content:space-between;align-items:center;padding:0 20px 12px;font-size:12px;display:flex}.ex-seg{border:1px solid var(--lines,#2a2a2e);background:var(--surface-control,#1a1a1d);border-radius:999px;gap:2px;padding:2px;display:flex}.ex-seg-btn{color:#8a8a8e;height:24px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:11.5px;font-weight:600;transition:background .12s,color .12s}.ex-seg-btn:hover{color:#cfcfd4}.ex-seg-btn:disabled{color:var(--muted,#5a5a5e);cursor:default}.ex-seg-btn[data-active]{color:#fff;background:#ffffff1f}.ex-progress{align-items:center;gap:10px;padding:0 20px 8px;display:flex}.ex-progress-bar{background:var(--surface-control,#1a1a1d);border-radius:999px;flex:1;height:6px;overflow:hidden}.ex-progress-bar div{background:var(--alpha,#6cff8d);transform-origin:0;width:100%;height:100%;transition:transform .1s linear}.ex-progress span{color:var(--text,#8a8a8e);text-align:right;min-width:36px;font-family:monospace;font-size:11px}.ex-error{color:#ff8d8d;margin:0;padding:0 20px 8px;font-size:12px}.ex-done{color:var(--alpha,#6cff8d);margin:0;padding:0 20px 8px;font-size:12px}.ex-foot{gap:10px;padding:12px 20px 18px;display:flex}.ex-primary{color:#17171b;cursor:pointer;background:#e9ebef;border:none;border-radius:999px;flex:1;height:40px;font-size:13px;font-weight:700}.ex-primary:disabled{opacity:.6;cursor:default}.ex-secondary{border:1px solid var(--lines-strong,#403f46);height:40px;color:var(--fg,#fff);cursor:pointer;background:0 0;border-radius:999px;flex:1;font-size:13px;font-weight:700}.ex-secondary:hover{border-color:var(--fg,#fff)}.ex-secondary:disabled{opacity:.6;cursor:default}.ex-foot>.x-tooltip{flex:1;display:flex}.ex-foot .x-tooltip>.ex-secondary{flex:1}.rec-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;display:grid;position:fixed;inset:0}.rec-modal{border:1px solid var(--lines,#2a2a2e);background:var(--surface-panel,#131315);width:min(560px,92vw);color:var(--fg,#fff);border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #0008}.rec-head{border-bottom:1px solid var(--lines,#2a2a2e);justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;display:flex}.rec-head span{align-items:center;gap:8px;display:inline-flex}.rec-close{border:1px solid var(--lines,#2a2a2e);width:28px;height:28px;color:var(--text,#8a8a8e);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.rec-close:disabled{opacity:.4;cursor:default}.rec-stage{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;display:flex;overflow:hidden}.rec-preview{object-fit:contain;background:#000;width:100%;height:100%;transform:scaleX(-1)}.rec-mic{color:#8a8a8e;flex-direction:column;align-items:center;gap:12px;font-size:13px;display:flex}.rec-error{color:#ff8d8d;text-align:center;max-width:90%;padding:24px;font-size:13px}.rec-foot{justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 16px;display:flex}.rec-hint{color:var(--muted,#5a5a5e);font-size:12px}.rec-timer{color:#fff;align-items:center;gap:8px;font-family:monospace;font-size:13px;display:inline-flex}.rec-dot{background:#ff5a5a;border-radius:999px;width:9px;height:9px;animation:1s steps(2,end) infinite rec-blink}@keyframes rec-blink{50%{opacity:.2}}.rec-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.rec-record{color:#fff;background:#ff5a5a}.rec-record:disabled{opacity:.5;cursor:default}.rec-stop{background:var(--alpha,#6cff8d);color:#03210d}.ec{--ec-bg:#17171a;--ec-line:#2a2a30;--ec-name:#b7b7be;--ec-value:#eaeaee;--ec-accent:#b794f4;--ec-lane-bg:#101013;--ec-dim:#6f6f77;--ec-hover:#ffffff10;--ec-track:#34343c;--ec-thumb:#e7e9ee;--ec-thumb-line:#0008;--ec-dot-hot:#fff;background:var(--ec-bg);height:100%;color:var(--ec-value);-webkit-user-select:none;user-select:none;flex-direction:column;font-size:12px;display:flex;overflow:hidden;container:ec-panel/inline-size}@container ec-panel (width<=21em){.ec-row-lane,.ec-ruler-row,.ec-playhead,.ec-lane-toggle{display:none}}.ec-head{border-bottom:1px solid var(--ec-line);flex-shrink:0;align-items:center;gap:8px;min-height:38px;padding:0 8px 0 12px;display:flex}.ec-head svg{color:var(--ec-name);flex-shrink:0}.ec-head-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.ec-head-meta{font-variant-numeric:tabular-nums;color:var(--ec-name);flex-shrink:0;margin-left:auto;font-size:11px}.ec-lane-toggle{width:26px;height:26px;color:var(--ec-name);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ec-lane-toggle:hover{background:var(--ec-hover);color:var(--ec-value)}.ec-lane-toggle[data-on]{color:var(--ec-accent)}.ec-ruler-row{border-bottom:1px solid var(--ec-line);background:var(--ec-bg);flex-shrink:0;align-items:stretch;height:22px;display:flex}.ec-ruler-spacer{flex:1;min-width:0}.ec-ruler{cursor:ew-resize;border-left:1px solid var(--ec-line);background:var(--ec-lane-bg);flex:none;width:42%;position:relative}.ec-ruler-tc{font-variant-numeric:tabular-nums;color:var(--ec-dim);pointer-events:none;font-size:8.5px;position:absolute;top:4px}.ec-ruler-tc-a{left:4px}.ec-ruler-tc-b{right:4px}.ec-ruler-ph{border-left:1px solid var(--ec-accent);width:0;position:absolute;top:0;bottom:-1px;transform:translate(-.5px)}.ec-ruler-ph:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:7px solid var(--ec-accent);width:1px;position:absolute;top:0;left:-5px}.ec-scroll{flex:1;min-height:0;position:relative;overflow-y:auto}.ec-scroll-inner{position:relative}.ec-playhead{border-left:1px solid color-mix(in srgb, var(--ec-accent) 70%, transparent);pointer-events:none;z-index:4;width:0;position:absolute;top:0;bottom:0}.ec-group{border-bottom:1px solid var(--ec-line)}.ec-group-head{align-items:center;height:28px;padding-right:6px;display:flex}.ec-group-title{all:unset;box-sizing:border-box;cursor:pointer;flex:1;align-items:center;gap:6px;min-width:0;height:100%;padding-left:8px;display:flex}.ec-chevron{color:var(--ec-name);flex-shrink:0;transition:transform .14s;transform:rotate(-90deg)}.ec-group[data-open] .ec-chevron{transform:rotate(0)}.ec-fx{letter-spacing:-.02em;color:var(--ec-accent);background:color-mix(in srgb, var(--ec-accent) 16%, transparent);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:1px 3px;font-size:9px;font-style:italic;font-weight:800;line-height:1;display:inline-flex}.ec-group-title h3{all:unset;color:var(--ec-value);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.ec-group-body{padding:2px 0 6px}.ec-reset{width:20px;height:20px;color:var(--ec-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ec-reset:hover{background:var(--ec-hover);color:var(--ec-value)}.ec-reset[data-on]{color:var(--ec-accent)}.ec-row{align-items:stretch;min-height:26px;display:flex}.ec-row-left{flex:1;align-items:center;gap:4px;min-width:0;padding:0 6px 0 8px;display:flex}.ec-expand,.ec-expand-spacer{flex-shrink:0;width:14px}.ec-expand{height:16px;color:var(--ec-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ec-expand svg{transition:transform .12s;transform:rotate(-90deg)}.ec-expand[data-open] svg{transform:rotate(0)}.ec-expand:hover{color:var(--ec-value)}.ec-stopwatch,.ec-stopwatch-spacer{flex-shrink:0;width:20px}.ec-stopwatch{height:20px;color:var(--ec-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.ec-stopwatch:hover{background:var(--ec-hover);color:var(--ec-value)}.ec-stopwatch[data-on]{color:var(--ec-accent)}.ec-row-name{min-width:4ch;color:var(--ec-name);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ec-row-vals{flex:none;align-items:center;gap:6px;display:flex}.ec-reset-spacer{flex-shrink:0;width:20px}.ec-row-reset{width:18px;height:18px}.ec-num{align-items:center;min-width:0;display:inline-flex}.ec-num-val{all:unset;box-sizing:border-box;color:var(--ec-accent);font-variant-numeric:tabular-nums;cursor:ew-resize;text-align:right;border-bottom:1px dotted #0000;border-radius:3px;justify-content:flex-end;align-items:baseline;gap:1px;padding:1px 2px;font-size:12px;display:inline-flex}.ec-num-val:hover{border-bottom-color:color-mix(in srgb, var(--ec-accent) 60%, transparent)}.ec-num-val em{color:color-mix(in srgb, var(--ec-accent) 62%, var(--ec-name));font-size:10px;font-style:normal}.ec-num input{box-sizing:border-box;border:1px solid var(--ec-accent);width:100%;min-width:40px;color:var(--ec-value);font:inherit;font-variant-numeric:tabular-nums;text-align:right;-moz-appearance:textfield;background:#000;border-radius:4px;outline:none;padding:2px 4px}.ec-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ec-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ec-keynav{align-items:center;gap:0;margin-left:0;display:inline-flex}.ec-keynav button{all:unset;box-sizing:border-box;color:#7d7d85;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;width:13px;height:18px;display:inline-flex}.ec-keynav button:hover:not(:disabled){color:var(--ec-value);background:var(--ec-hover)}.ec-keynav button:disabled{opacity:.3;cursor:default}.ec-keynav-dot{font-size:11px;color:var(--ec-accent)!important}.ec-keynav-dot[data-at]{text-shadow:0 0 4px color-mix(in srgb, var(--ec-accent) 70%, transparent);color:var(--ec-accent)!important}.ec-row-slider{align-items:center;display:flex}.ec-row-slider-left{flex:1;min-width:0;padding:2px 8px 6px 44px}.ec-slider{align-items:center;gap:8px;display:flex}.ec-slider-min,.ec-slider-max{color:var(--ec-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:9px}.ec-slider input[type=range]{appearance:none;background:var(--ec-track);cursor:pointer;border-radius:2px;outline:none;flex:1;min-width:0;height:3px}.ec-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ec-thumb);border:1px solid var(--ec-thumb-line);cursor:grab;border-radius:50%;width:12px;height:12px;margin-top:0}.ec-slider input[type=range]::-moz-range-thumb{background:var(--ec-thumb);border:1px solid var(--ec-thumb-line);cursor:grab;border-radius:50%;width:12px;height:12px}.ec-row-lane{border-left:1px solid var(--ec-line);background:var(--ec-lane-bg);flex:none;width:42%;position:relative}.ec-lane-line{background:color-mix(in srgb, var(--ec-accent) 45%, transparent);pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-.5px)}.ec-dot{all:unset;background:var(--ec-accent);cursor:pointer;z-index:2;border:1px solid #0b0b0e;width:11px;height:11px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.ec-dot[data-interp=hold]{border-radius:1px;transform:translate(-50%,-50%)}.ec-dot[data-interp=ease],.ec-dot[data-interp=easeIn],.ec-dot[data-interp=easeOut],.ec-dot[data-interp=bezier]{clip-path:polygon(0 0,100% 0,0 100%,100% 100%);border:none;transform:translate(-50%,-50%)}.ec-dot:hover{background:var(--ec-dot-hot)}.ec-dot[data-at]{background:var(--ec-dot-hot);box-shadow:0 0 5px color-mix(in srgb, var(--ec-accent) 80%, transparent)}.ec-menu-catch{z-index:60;position:fixed;inset:0}.ec-menu{z-index:61;border:1px solid var(--lines,#2a2a2e);background:var(--studio-surface-2,#1f1f23);min-width:190px;-webkit-backdrop-filter:var(--studio-blur,blur(14px));backdrop-filter:var(--studio-blur,blur(14px));box-shadow:inset 0 1px 0 var(--lines-strong,#ffffff2e), 0 12px 32px #0007;border-radius:10px;flex-direction:column;padding:5px;display:flex;position:fixed}.ec-menu button{all:unset;box-sizing:border-box;width:100%;height:28px;color:var(--ec-value);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:0 9px;font-size:12px;font-weight:550;display:flex}.ec-menu button:hover{background:#ffffff12}.ec-menu hr{border:0;border-top:1px solid var(--lines,#2a2a2e);width:auto;margin:5px 4px}.ec-group-body .insp-textarea{box-sizing:border-box;width:calc(100% - 16px);margin:4px 8px 6px}.ec-add{border:1px dashed var(--ec-line);height:24px;color:var(--ec-name);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin:2px 8px 4px;padding:0 10px;font-size:11px;display:inline-flex}.ec-add:hover{border-color:var(--ec-accent);color:var(--ec-value)}.ec-group-body .insp-tools,.ec-group-body .insp-caption,.ec-group-body .insp-fader,.ec-group-body .insp-status{margin-left:8px;margin-right:8px}.ec-group-body .insp-fader{padding-top:2px}.tx-content{resize:vertical;min-height:72px}.tx-font{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;margin-bottom:6px;display:flex}.tx-font-select{flex:120px;min-width:0}.tx-font-menu .tx-font-sample{min-width:1.9em;color:var(--fg);justify-content:center;align-items:baseline;font-size:1.05em;line-height:1;display:inline-flex}.tx-font-btn{border:1px solid var(--insp-box-line,#313138);background:var(--insp-box,#212125);width:28px;height:28px;color:var(--insp-value,#ededf0);cursor:pointer;border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tx-font-btn:hover{border-color:var(--insp-accent,#b794f4);color:var(--insp-accent,#b794f4)}.tx-font .insp-status{flex-basis:100%}.insp{--insp-bg:#131315;--insp-line:#232327;--insp-box:#212125;--insp-box-line:#313138;--insp-box-line-hover:#3c3c44;--insp-box-hover:#2a2a30;--insp-label:#8a8a90;--insp-value:#ededf0;--insp-title:#cfcfd4;--insp-accent:#b794f4;--insp-danger:#ff8080;--insp-danger-soft:#ff9c9c;--insp-seg-on:#34343c;--insp-thumb:#e0e0e4;background:var(--insp-bg);height:100%;color:var(--insp-value);-webkit-user-select:none;user-select:none;flex-direction:column;font-size:12px;display:flex;overflow-y:auto}.insp-head{border-bottom:1px solid var(--insp-line);flex-shrink:0;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:flex}.insp-head svg{color:var(--insp-label);flex-shrink:0}.insp-head-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.insp-head-meta{font-variant-numeric:tabular-nums;color:var(--insp-label);flex-shrink:0;margin-left:auto;padding-left:8px;font-size:11px}.insp-section{border-bottom:1px solid var(--insp-line)}.insp-section-head{width:100%;height:38px;color:var(--insp-title);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:0 8px 0 14px;font-size:13px;font-weight:600;display:flex}.insp-section-head>h3{all:unset;font:inherit;flex:1;min-width:0}.insp-chevron{color:var(--insp-label);opacity:0;flex-shrink:0;transition:transform .14s;transform:rotate(0)}.insp-section:not([data-open]) .insp-chevron{transform:rotate(-90deg)}.insp-section-head:hover .insp-chevron{opacity:.8}.insp-sec-act{width:24px;height:24px;color:var(--insp-label);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.insp-sec-act:hover{color:var(--insp-value);background:#ffffff0d}.insp-sec-act[data-on]{color:var(--insp-accent)}.insp-section-body{flex-direction:column;gap:6px;padding:0 14px 14px;display:flex}.insp-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.insp-grid>.insp-span2{grid-column:1/-1}.insp-line{grid-template-columns:72px 1fr;align-items:center;gap:8px;min-height:28px;display:grid}.insp-line>.insp-line-label{color:var(--insp-label);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.insp-line>.insp-seg,.insp-line>.insp-color,.insp-line>.insp-select{justify-self:stretch}.insp-field{background:var(--insp-box);border:1px solid var(--insp-box-line);box-sizing:border-box;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;min-width:0;height:28px;padding:0 4px 0 9px;display:grid}.insp-field:hover{border-color:var(--insp-box-line-hover)}.insp-field:focus-within{border-color:var(--insp-accent)}.insp-field-label{color:var(--insp-label);white-space:nowrap;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;padding-right:8px;font-size:11px}.insp-field-label:hover{color:var(--insp-accent)}.insp-field input[type=number],.insp-field input[type=text]{width:100%;min-width:0;height:100%;color:var(--insp-value);font-variant-numeric:tabular-nums;text-align:right;appearance:textfield;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;padding:0;font-size:12px}.insp-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.insp-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.insp-field-unit{color:var(--insp-label);pointer-events:none;padding:0 5px 0 3px;font-size:10px}.insp-diamond{cursor:pointer;color:#ffffff47;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:10px;line-height:1;display:inline-flex}.insp-diamond[data-track]{color:#6cff8d99}.insp-diamond[data-at-key],.insp-diamond:hover{color:var(--insp-accent)}.insp-step{border:1px solid var(--insp-box-line);border-radius:7px;flex-shrink:0;height:28px;display:inline-flex;overflow:hidden}.insp-step button{background:var(--insp-box);width:30px;color:var(--insp-value);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}.insp-step button:hover{background:var(--insp-box-hover)}.insp-step button+button{border-left:1px solid var(--insp-box-line)}.insp-seg{background:var(--insp-box);border:1px solid var(--insp-box-line);border-radius:7px;min-width:0;max-width:100%;padding:2px;display:inline-flex}.insp-seg button{min-width:0;height:22px;color:var(--insp-label);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:11px;display:inline-flex;overflow:hidden}.insp-seg button:hover{color:var(--insp-value)}.insp-seg button[data-active]{background:var(--insp-seg-on);color:var(--insp-value)}.insp-seg button:disabled{opacity:.45;cursor:default}.insp-seg[data-fill]{display:flex}.insp-seg[data-fill] button{flex:1}.insp-select{min-width:0;position:relative}.insp-select .x-dropdown{width:auto;display:flex}.insp-select .x-dropdown>button{background:var(--insp-box);border:1px solid var(--insp-box-line);min-width:0;min-height:28px;color:var(--insp-value);border-radius:7px;flex:1;padding:0 8px 0 9px;font-size:12px;font-weight:400;transform:none}.insp-select .x-dropdown>button:hover{border-color:var(--insp-box-line-hover)}.insp-select .x-dropdown>button:is(:focus-visible,[aria-expanded=true]){border-color:var(--insp-accent)}.insp-select .x-dropdown-chevron{color:var(--insp-label)}.insp-select-icon{pointer-events:none;z-index:1;color:var(--insp-label);position:absolute;top:50%;left:8px;transform:translateY(-50%)}.insp-select[data-icon] .x-dropdown>button{padding-left:28px}.insp-menu{border-color:var(--studio-line,#ffffff14);background:linear-gradient(var(--dropdown-surface), var(--dropdown-surface)), var(--studio-surface-2,#1f1f23);font-size:12px}.insp-menu button{min-height:2.2em}.insp-color{background:var(--insp-box);border:1px solid var(--insp-box-line);cursor:pointer;box-sizing:border-box;border-radius:7px;align-items:center;gap:8px;min-width:0;height:28px;padding:0 6px;display:flex}.insp-color:hover{border-color:var(--insp-box-line-hover)}.insp-color input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:18px;height:18px;padding:0}.insp-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.insp-color input[type=color]::-webkit-color-swatch{border:1px solid #0006;border-radius:4px}.insp-color-hex{font-variant-numeric:tabular-nums;color:var(--insp-value);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.insp-fader{flex-direction:column;gap:0;min-width:0;display:flex}.insp-fader-top{color:var(--insp-label);justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.insp-fader-top output{font-variant-numeric:tabular-nums;color:var(--insp-value);font-size:11px}.insp-fader input[type=range]{background:var(--insp-box-line);appearance:none;cursor:pointer;border-radius:2px;width:100%;height:4px;margin:8px 0 4px}.insp-fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--insp-thumb);cursor:grab;border:none;border-radius:50%;width:12px;height:12px}.insp-fader input[type=range]::-moz-range-thumb{background:var(--insp-thumb);cursor:grab;border:none;border-radius:50%;width:12px;height:12px}.insp-textarea{background:var(--insp-box);border:1px solid var(--insp-box-line);width:100%;min-height:56px;color:var(--insp-value);resize:vertical;box-sizing:border-box;-webkit-user-select:text;user-select:text;border-radius:7px;outline:none;padding:7px 9px;font-family:inherit;font-size:12px;line-height:1.45}.insp-textarea:focus{border-color:var(--insp-accent)}.insp-caption{border:1px solid var(--insp-line);border-radius:8px;flex-direction:column;gap:5px;padding:7px;display:flex}.insp-caption .insp-textarea{min-height:38px}.insp-caption-foot{align-items:center;gap:6px;display:flex}.insp-caption-foot .insp-field{flex:1}.insp-caption-x{width:24px;height:24px;color:var(--insp-label);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.insp-caption-x:hover{color:var(--insp-danger);background:#ffffff0a}.insp-tools{grid-template-columns:1fr 1fr;gap:6px;display:grid}.insp-addrow{flex-wrap:wrap;gap:6px;display:flex}.insp-addrow .insp-tool{padding:0 12px}.insp-tool{background:var(--insp-box);border:1px solid var(--insp-box-line);height:30px;color:var(--insp-value);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:7px;min-width:0;padding:0 10px;font-size:11.5px;display:inline-flex;overflow:hidden}.insp-tool svg{color:var(--insp-label);flex-shrink:0}.insp-tool span{text-overflow:ellipsis;overflow:hidden}.insp-tool:hover:not(:disabled){border-color:var(--insp-accent)}.insp-tool:hover:not(:disabled) svg{color:var(--insp-accent)}.insp-tool:disabled{opacity:.5;cursor:default}.insp-tool[data-danger]:hover:not(:disabled){border-color:var(--insp-danger);color:var(--insp-danger-soft)}.insp-tool[data-danger]:hover:not(:disabled) svg{color:var(--insp-danger)}.insp-tool.insp-span2{grid-column:1/-1}.insp-status{color:var(--insp-label);margin:0;font-size:11px;line-height:1.4}.insp-status[data-error]{color:var(--insp-danger)}.insp-empty{color:var(--insp-label);padding:2px 0;font-size:11px}.insp-check{color:var(--insp-label);cursor:pointer;align-items:center;gap:7px;min-height:22px;font-size:12px;display:flex}.insp-check input{accent-color:var(--insp-accent);margin:0}.insp-check:hover{color:var(--insp-value)}.insp-hint{color:var(--insp-label);margin:0;font-size:12px;line-height:1.5}.insp-pad{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.insp-blank{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:20px 18px 52px;animation:.34s cubic-bezier(.2,.7,.3,1) both insp-blank-in;display:flex}@keyframes insp-blank-in{0%{opacity:0;transform:translateY(6px)}}.insp-blank-icon{border:1px solid var(--insp-box-line);width:46px;height:46px;color:var(--insp-label);background:linear-gradient(160deg,#232328 0%,#17171a 100%);border-radius:13px;place-items:center;margin-bottom:9px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 0 26px #b794f412}.insp-blank-icon svg{width:19px;height:19px}.insp-blank-title{color:var(--insp-title);margin:0;font-size:12.5px;font-weight:600}.insp-blank-hint{max-width:24em;color:var(--insp-label);margin:0;font-size:11.5px;line-height:1.55}.insp-blank-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.insp-blank-actions .insp-addrow{justify-content:center}.insp .x-tooltip,.ec .x-tooltip{display:contents}.insp-font{gap:6px;min-width:0;display:flex}.insp-font .insp-select{flex:1}.insp-font-add{background:var(--insp-box);border:1px solid var(--insp-box-line);width:28px;height:28px;color:var(--insp-value);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.insp-font-add:hover{border-color:var(--insp-accent)}.studio-dock-program .studio-preview{display:grid;overflow:auto}.studio-preview-stage{flex:none;margin:auto;position:relative}.preview-canvas{z-index:10;position:absolute;inset:0;overflow:hidden}.pc-item{box-sizing:border-box;cursor:move;outline:1px solid #0000;position:absolute}.pc-item:hover{outline-color:#6cff8d66}.pc-item[data-selected]{outline:1.5px solid var(--alpha,#6cff8d)}.pc-handle{border:1.5px solid var(--alpha,#6cff8d);z-index:2;background:#fff;border-radius:2px;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.pc-rotate{background:var(--alpha,#6cff8d);cursor:grab;z-index:2;border:2px solid #03210d;border-radius:999px;width:12px;height:12px;margin-left:-6px;position:absolute;top:-22px;left:50%}.pc-rotate:before{content:"";background:var(--alpha,#6cff8d);width:1.5px;height:10px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pc-text-edit{box-sizing:border-box;border:1.5px solid var(--alpha,#6cff8d);resize:none;background:#0000008c;border-radius:4px;outline:none;width:100%;height:100%;padding:2px;line-height:1.2;position:absolute;inset:0;overflow:hidden}.pc-crop{box-sizing:border-box;z-index:3;position:absolute;overflow:hidden}.pc-crop-media{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pc-crop-dim{pointer-events:none;background:#0000008c;position:absolute}.pc-crop-rect{box-sizing:border-box;border:1.5px solid var(--alpha,#6cff8d);cursor:move;position:absolute}.sm-root{flex-direction:column;flex:1;min-height:0;display:flex}.sm-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;overflow:hidden}.sm-empty{color:#5a5a5e;font-size:13px}.sm-media{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.sm-stage{position:relative}.sm-canvas{background:#000}.sm-probing{border:1px solid var(--studio-line,#fff1);color:#8a8a8e;background:#000a;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:16px;left:16px}.sm-audio-wrap{color:#8a8a8e;flex-direction:column;align-items:center;gap:10px;display:flex}.sm-audio-el{display:none}.sm-audio-label{font-size:13px}.sm-jog{padding:0 14px 6px}.sm-jog[data-disabled]{opacity:.4;pointer-events:none}.sm-jog-bar{border:1px solid var(--studio-line,#fff1);cursor:pointer;touch-action:none;background:#141416;border-radius:6px;height:28px;position:relative;overflow:visible}.sm-jog-range{background:color-mix(in srgb, var(--alpha,#6cff8d) 16%, transparent);border-left:1px solid color-mix(in srgb, var(--alpha,#6cff8d) 45%, transparent);border-right:1px solid color-mix(in srgb, var(--alpha,#6cff8d) 45%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.sm-jog-handle{cursor:ew-resize;z-index:3;background:0 0;border:0;width:10px;padding:0;position:absolute;top:0;bottom:0}.sm-jog-handle:before{content:"";border:2px solid var(--alpha,#6cff8d);border-radius:0;width:5px;position:absolute;top:2px;bottom:2px}.sm-jog-handle--in{transform:translate(-1px)}.sm-jog-handle--in:before{border-right:0;left:0}.sm-jog-handle--out{transform:translate(-9px)}.sm-jog-handle--out:before{border-left:0;right:0}.sm-jog-handle:after{content:"";position:absolute;inset:-4px}.sm-jog-handle:hover:before{border-color:#fff}.sm-jog-handle[data-active]:before{box-shadow:0 0 6px #6cff8d99}.sm-jog-playhead{background:var(--alpha,#6cff8d);pointer-events:none;z-index:4;width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}.sm-jog-hover{pointer-events:none;z-index:2;background:#fff5;width:1px;position:absolute;top:0;bottom:0}.sm-jog-hover-time{border:1px solid var(--studio-line,#fff1);color:#ececf1;white-space:nowrap;background:#1c1c21;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:10px;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.sm-marks{flex-shrink:0;gap:4px;display:flex}.sm-mark{justify-content:center;min-width:30px;padding:0}.sm-mark-glyph{color:var(--alpha,#6cff8d);font-family:ui-monospace,monospace;font-size:15px;font-weight:800;line-height:1}.sm-timecode{cursor:pointer;background:0 0;border:0;padding:0 4px}.sm-timecode:disabled{cursor:default}.sm-timecode-current{color:#fff;font-size:13px;font-weight:600}.sm-timecode-dur{color:#8a8a8e;font-size:11px}.sm-add{color:#17171b;white-space:nowrap;cursor:pointer;background:#e9ebef;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;height:28px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.sm-add:hover:not(:disabled){filter:brightness(1.06)}.sm-add:disabled{opacity:.4;cursor:default}}.kbd-surface{flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.kbd-layers{align-items:center;gap:6px;display:flex}.kbd-layer{border:1px solid var(--studio-line);color:#cfcfd4;height:26px;font:inherit;cursor:pointer;transition:background var(--studio-anim-fast) ease, border-color var(--studio-anim-fast) ease;background:#ffffff0a;border-radius:999px;padding:0 12px;font-size:11.5px;font-weight:600}.kbd-layer:disabled{opacity:.38;cursor:not-allowed}.kbd-layer:not(:disabled):hover{background:#ffffff14}.kbd-layer[data-active]{color:#fff;background:#ffffff1f;border-color:#ffffff52}.kbd-layer-hint{color:#8a8a8e;margin-left:auto;font-size:11.5px}.kbd-board{--kbd-cap-h:52px;border:1px solid var(--studio-line);border-radius:var(--studio-radius-l);background:var(--studio-surface-1);box-shadow:inset 0 1px 0 var(--studio-line-top);-webkit-user-select:none;user-select:none;gap:14px;padding:14px;display:flex}.kbd-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.kbd-aux{padding-top:calc(var(--kbd-cap-h,52px) + 5px);flex-direction:column;flex-shrink:0;justify-content:flex-start;gap:5px;width:148px;display:flex}.kbd-main .kbd-row{grid-template-columns:repeat(60,1fr);gap:5px;display:grid}.kbd-aux .kbd-row{grid-template-columns:repeat(12,1fr);gap:5px;display:grid}.kbd-aux .kbd-cap{aspect-ratio:1;text-align:center;justify-content:center;align-items:center;min-height:0;padding:3px}.kbd-aux .kbd-cap .kbd-legend{font-size:9.5px}.kbd-aux .kbd-cap .kbd-assign{font-size:8.5px}.kbd-filler{pointer-events:none}.kbd-cell{min-width:0;display:flex}.kbd-cell>.x-tooltip,.kbd-cell .kbd-cap{flex:auto;min-width:0}.kbd-cap{min-height:var(--kbd-cap-h,52px);border:1px solid var(--studio-line);box-shadow:inset 0 1px 0 var(--studio-line-top);color:#8a8a8e;font:inherit;transition:border-color var(--studio-anim-fast) ease, background var(--studio-anim-fast) ease, box-shadow var(--studio-anim-fast) ease;background:linear-gradient(160deg,#202024 0%,#17171a 100%);border-radius:7px;flex-direction:column;justify-content:space-between;padding:5px 7px;display:flex;position:relative;overflow:hidden}.kbd-legend{white-space:nowrap;font-size:10.5px;font-weight:600;line-height:1}.kbd-assign{color:#c9cdd6;text-overflow:ellipsis;white-space:nowrap;align-self:center;max-width:100%;font-size:10px;font-weight:700;line-height:1.1;overflow:hidden}.kbd-cap[data-assigned]{color:#cfcfd4;background:linear-gradient(160deg,#26262b 0%,#1a1a1e 100%);border-color:#ffffff38}.kbd-cap[data-reserved]{opacity:.35}.kbd-cap[data-reserved] .kbd-assign{color:#8a8a8e}.kbd-cap--mod{cursor:pointer;text-align:left;justify-content:flex-end}.kbd-cap--mod[data-reserved]{cursor:default}.kbd-cap--mod[data-active]{color:#fff;opacity:1;background:#ffffff1a;border-color:#ffffff52}.kbd-cap[data-drag-over]{border-color:var(--alpha,#6cff8d);box-shadow:inset 0 0 0 1px var(--alpha,#6cff8d), 0 0 14px color-mix(in srgb, var(--alpha,#6cff8d) 35%, transparent);color:#fff}.kbd-cap[data-flash]{animation:.38s kbd-flash}@keyframes kbd-flash{20%{border-color:var(--alpha,#6cff8d);background:color-mix(in srgb, var(--alpha,#6cff8d) 22%, transparent);color:#fff}}.kbd-palette{border:1px solid var(--studio-line);border-radius:var(--studio-radius-l);background:var(--studio-surface-1);box-shadow:inset 0 1px 0 var(--studio-line-top);-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.kbd-palette-bar{align-items:center;gap:10px;display:flex}.kbd-tabs{scrollbar-width:none;gap:2px;min-width:0;display:flex;overflow-x:auto}.kbd-tabs button{color:#8a8a8e;height:26px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 11px;font-size:11.5px;font-weight:600}.kbd-tabs button:hover{color:#cfcfd4}.kbd-tabs button[data-active]{color:#fff;background:#ffffff12}.kbd-search{border:1px solid var(--studio-line);color:#fff;width:200px;height:28px;font:inherit;background:#ffffff0a;border-radius:999px;outline:none;margin-left:auto;padding:0 11px;font-size:12px}.kbd-search:focus-visible{border-color:color-mix(in srgb, var(--alpha,#6cff8d) 45%, transparent)}.kbd-pills-wrap{position:relative}.kbd-pills{scrollbar-width:none;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;max-height:190px;padding-right:14px;display:grid;overflow-y:scroll}.kbd-pills::-webkit-scrollbar{display:none}.kbd-pills-rail{background:#ffffff0a;border-radius:999px;width:9px;position:absolute;top:2px;bottom:2px;right:0}.kbd-pills-thumb{cursor:default;background:#33333a;border-radius:999px;position:absolute;left:1.5px;right:1.5px}.kbd-pills-thumb:hover{background:#45454e}.kbd-pills-thumb:active{background:#52525c}.kbd-pills-fade{pointer-events:none;opacity:0;background:linear-gradient(to bottom, transparent, var(--studio-surface-1,#131316));height:34px;transition:opacity .16s;position:absolute;bottom:0;left:0;right:14px}.kbd-pills-wrap[data-more-below] .kbd-pills-fade{opacity:1}.kbd-pill{border:1px solid var(--studio-line);cursor:grab;min-width:0;transition:background var(--studio-anim-fast) ease, border-color var(--studio-anim-fast) ease;background:#ffffff08;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;display:flex}.kbd-pill:hover{border-color:var(--studio-line-top);background:#ffffff0f}.kbd-pill>.x-tooltip:has(>.kbd-pill-main){flex:auto;min-width:0}.kbd-pill-main{flex:auto;align-items:center;gap:7px;min-width:0;display:flex}.kbd-pill-label{color:#e8e8ec;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:550;overflow:hidden}.kbd-pill kbd{border:1px solid var(--studio-line);color:#8a8a8e;white-space:nowrap;background:#ffffff0a;border-radius:5px;flex-shrink:0;padding:2px 6px;font-family:ui-monospace,monospace;font-size:10.5px}.kbd-pill-more{color:var(--alpha,#6cff8d);margin-left:4px;font-style:normal;font-weight:700}.kbd-pill-unbound{color:#ffb08a;text-transform:uppercase;letter-spacing:.05em;background:#ff8a5f2e;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.kbd-pill-reset{width:20px;height:20px;color:var(--alpha,#6cff8d);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;flex-shrink:0;padding:0;font-size:12px}.kbd-pill-reset:hover{background:#ffffff14}.kbd-pills-empty{color:#8a8a8e;grid-column:1/-1;margin:6px 2px;font-size:12px}.kbd-drag-ghost{z-index:1000;border:1px solid var(--studio-line);border-radius:var(--studio-radius-m);background:var(--studio-surface-2);max-width:260px;-webkit-backdrop-filter:var(--studio-blur);backdrop-filter:var(--studio-blur);box-shadow:inset 0 1px 0 var(--studio-line-top), var(--studio-shadow);color:#fff;pointer-events:none;white-space:nowrap;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;position:fixed;transform:translate(-50%,-50%)}.kbd-drag-ghost b{color:var(--alpha,#6cff8d)}@layer components{.x-navbar-section{gap:calc(var(--pad) * .42);display:grid}.x-navbar-section+.x-navbar-section{margin-top:calc(var(--pad) * .72);padding-top:calc(var(--pad) * 1.08);border-top:1px solid var(--line-soft)}.x-navbar-section-toggle,.x-navbar-section-header{justify-content:space-between;align-items:center;gap:calc(var(--pad) * .8);width:100%;padding:0 calc(var(--pad) * 1.15);color:color-mix(in oklch, var(--fg), transparent 55%);font:inherit;background:0 0;display:flex}.x-navbar-section-toggle{cursor:pointer;transition:color var(--anim) ease;border:0}.x-navbar-section-toggle:is(:hover,:focus-visible){color:var(--fg);outline:none}.x-navbar-section-toggle svg{width:.8rem;height:.8rem;transition:transform var(--anim)}.x-navbar-section-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.x-navbar-section-title{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.x-navbar-section-body,.x-navbar-subbuttons{gap:2px;display:grid}.x-navbar-subbutton{align-items:center;gap:calc(var(--pad) * .85);width:100%;height:2.35rem;padding:0 calc(var(--pad) * 1.15);border-radius:calc(var(--round) * 1.5);color:var(--fg);font:inherit;text-align:left;background:0 0;border:0;font-size:.82rem;line-height:1;text-decoration:none;display:flex;position:relative}.x-navbar-subbutton:is(:hover,:focus-visible){color:var(--fg);background:color-mix(in oklch, var(--fg), transparent 96%);outline:none}.x-navbar-subbutton[data-active]{color:var(--fg);background:var(--ella-active-surface);box-shadow:var(--edge-highlight)}.x-navbar-subbutton[data-active]:before{content:"";background:var(--alpha);border-radius:999px;width:3px;position:absolute;top:26%;bottom:26%;left:0}.x-navbar-subbutton:focus-visible{box-shadow:var(--focus-ring), var(--edge-highlight)}.x-navbar-subbutton-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}}.studio-app-sidebar{gap:calc(var(--pad) * .75);box-sizing:border-box;border:1px solid var(--studio-line);border-radius:var(--studio-radius-l);width:15.5rem;box-shadow:inset 0 1px 0 var(--studio-line-top), var(--studio-shadow);background:var(--studio-surface-1);transition:width var(--anim) ease;flex-direction:column;flex:none;padding:14px 12px;display:flex;overflow:hidden}.studio-app-sidebar[data-collapsed]{width:64px;padding-inline:8px}.studio-app-sidebar-nav{scrollbar-width:none;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.studio-app-sidebar-nav::-webkit-scrollbar{display:none}.studio-app-sidebar .x-shell-maximized-nav-head{justify-content:space-between;align-items:center;gap:calc(var(--pad) * .75);width:100%;margin-bottom:calc(var(--pad) * .75);display:flex}.studio-app-sidebar[data-collapsed] .x-shell-maximized-nav-head{flex-direction:column;justify-content:flex-start}.studio-app-sidebar .x-shell-nav-toggle{border-radius:calc(var(--round) * 1.25);width:2rem;height:2rem;color:color-mix(in oklch, var(--text), var(--fg) 24%);cursor:pointer;transition:color var(--anim), background var(--anim), border-color var(--anim);background:0 0;border:1px solid #0000;place-items:center;display:grid}.studio-app-sidebar .x-shell-nav-toggle:is(:hover,:focus-visible){color:var(--fg);background:color-mix(in oklch, var(--fg), transparent 92%);outline:none}.studio-app-sidebar .x-shell-nav-toggle svg{width:1rem;height:1rem}.studio-app-sidebar .x-navbutton.x-navbutton-labeled{justify-content:flex-start;gap:calc(var(--pad) * .9);width:100%;height:2.35rem;padding:0 calc(var(--pad) * 1.15);border-radius:calc(var(--round) * 1.15);flex-direction:row}.studio-app-sidebar .x-navbutton-label{text-align:left;width:auto;font-size:.82rem;line-height:1}.studio-app-sidebar .x-navbutton.x-navbutton-labeled[data-clickable]:is(:hover,:focus-visible){color:#fff;background:color-mix(in oklch, var(--fg), transparent 96%);transform:translateY(0)}.studio-app-sidebar .x-navbutton.x-navbutton-labeled[data-marked]{color:var(--ella-accent-text-hover)}.studio-app-sidebar .x-navbar-subbuttons>.x-tooltip{min-width:0;display:flex}.studio-app-sidebar .x-navbar-section .x-tooltip:has(>.x-navbutton){display:contents}.studio-app-sidebar[data-collapsed] :is(.x-navbar-section-header,.x-navbutton-label,.x-navbar-subbutton-label){display:none}.studio-app-sidebar[data-collapsed] .x-navbar-section+.x-navbar-section{margin-top:calc(var(--pad) * .5);padding-top:calc(var(--pad) * .5)}.studio-app-sidebar[data-collapsed] .x-navbutton.x-navbutton-labeled,.studio-app-sidebar[data-collapsed] .x-navbar-subbutton{justify-content:center;padding:0}