h1,h2{color:#fff}body{background:var(--studio-surface-0);color:var(--studio-text-bright);margin:0}.studio-root{--studio-btn-grey:var(--surface-button);--studio-btn-grey-hover:var(--surface-button-hover);box-sizing:border-box;background:var(--studio-surface-0);-webkit-user-select:none;user-select:none;flex-direction:row;gap:6px;height:100vh;padding:12px;display:flex;overflow:hidden}.studio-root :is(input,textarea,[contenteditable=true]),.studio-root .studio-timecode{-webkit-user-select:text;user-select:text}.studio-root .studio-timecode{cursor:text}.studio-root :is(button,input,select,textarea){font-family:inherit}.studio-root :is(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid color-mix(in oklch, var(--alpha,#6cff8d), transparent 55%);outline-offset:-1px}.studio-root :is(.chat-composer,.chat-composer-focus-modal) textarea:focus-visible{outline:none}.studio-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;overflow:hidden}.studio-header{flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 4px;display:flex}.studio-header-project{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.studio-icon-btn{border:1px solid var(--studio-line);background:var(--studio-surface-0);width:32px;height:32px;color:var(--studio-text-dim);cursor:pointer;transition:background var(--studio-anim-fast) ease, color var(--studio-anim-fast) ease;border-radius:999px;flex-shrink:0;place-items:center;padding:0;display:grid}.studio-icon-btn:is(:hover,:focus-visible){color:var(--fg);background:#1a1a1e;outline:none}.studio-project-pill{border:1px solid var(--studio-line);max-width:300px;height:32px;box-shadow:inset 0 1px 0 var(--studio-line-top);color:var(--fg);cursor:pointer;transition:background var(--studio-anim-fast) ease;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.studio-project-pill:is(:hover,:focus-visible){background:#ffffff12;outline:none}.studio-project-pill svg{color:var(--text);flex-shrink:0}.studio-project-pill-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-save-dot{background:var(--alpha,#6cff8d);border-radius:999px;flex-shrink:0;width:7px;height:7px}.studio-save-dot[data-status=saving]{background:var(--studio-warn);animation:.9s ease-in-out infinite studio-save-pulse}.studio-save-dot[data-status=error]{background:var(--studio-danger)}@keyframes studio-save-pulse{50%{opacity:.35}}.studio-save-error{color:var(--studio-danger);white-space:nowrap;font-size:12px;font-weight:600}.studio-project-rename-input{border:1px solid color-mix(in srgb, var(--alpha,#6cff8d) 45%, transparent);min-width:200px;height:32px;color:var(--fg);font:inherit;background:#ffffff0d;border-radius:999px;outline:none;padding:0 12px;font-size:13px;font-weight:600}.studio-workspaces{position:relative}.studio-project-menu{z-index:30;border:1px solid var(--studio-line);border-radius:var(--studio-radius-m);background:var(--studio-surface-2);min-width:240px;-webkit-backdrop-filter:var(--studio-blur);backdrop-filter:var(--studio-blur);box-shadow:inset 0 1px 0 var(--studio-line-top), 0 12px 32px #0007;padding:5px;position:absolute;top:calc(100% + 6px);left:40px}.studio-workspaces-menu{min-width:250px;left:auto;right:0}.studio-project-menu hr{border:0;border-top:1px solid var(--studio-line);margin:5px 4px}.studio-project-menu-heading{color:#7a7a80;letter-spacing:.09em;text-transform:uppercase;padding:4px 9px 2px;font-size:10px;font-weight:750}.studio-project-menu-note{color:var(--text);padding:7px 9px;font-size:12px}.studio-project-menu-current{height:30px;color:var(--studio-text-bright);align-items:center;gap:8px;padding:0 9px;font-size:12.5px;font-weight:550;display:flex}.studio-project-menu-current svg{color:var(--alpha);flex-shrink:0}.studio-project-menu button[role=menuitem]{width:100%;height:30px;color:var(--studio-text-bright);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 9px;font-size:12.5px;font-weight:550;display:flex}.studio-project-menu button[role=menuitem]:is(:hover,:focus-visible){background:#ffffff0f;outline:none}.studio-project-menu>.x-tooltip{width:100%;display:flex}.studio-project-menu>.x-tooltip>[role=menuitem]{flex:1}.studio-project-menu button[role=menuitem] svg{color:var(--text);flex-shrink:0}.studio-project-menu-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-header-spacer{flex:1;min-width:12px}.studio-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.studio-header-account{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.studio-btn{cursor:pointer;height:32px;transition:background var(--studio-anim-fast) ease, border-color var(--studio-anim-fast) ease, filter var(--studio-anim-fast) ease, transform var(--studio-anim-fast) ease;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.studio-btn:hover{transform:translateY(-1px)}.studio-btn--outline{border:1px solid var(--studio-line);box-shadow:inset 0 1px 0 var(--studio-line-top);color:var(--fg);background:0 0}.studio-btn--outline:hover{background:#ffffff0a}.studio-btn--secondary{background:var(--studio-btn-grey);color:var(--fg);border:none}.studio-btn--secondary:hover{background:var(--studio-btn-grey-hover)}.studio-settings-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0008;place-items:center;display:grid;position:fixed;inset:0}.studio-settings{border:1px solid var(--studio-line);border-radius:var(--studio-radius-l);background:var(--studio-surface-2);width:min(440px,92vw);box-shadow:inset 0 1px 0 var(--studio-line-top), 0 25px 80px #0008;padding:18px}.studio-settings-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.studio-settings-head h2{margin:0;font-size:15px;font-weight:700}.studio-settings-field{flex-direction:column;gap:8px;margin-top:14px;display:flex}.studio-settings-field>span{color:#7a7a80;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:750}.studio-settings-fps{gap:6px;display:flex}.studio-settings-fps button,.studio-settings-aspects button{border:1px solid var(--studio-line);color:var(--studio-text-dim);font:inherit;cursor:pointer;transition:background var(--studio-anim-fast) ease, border-color var(--studio-anim-fast) ease, color var(--studio-anim-fast) ease;background:#ffffff0a;border-radius:9px;flex:1}.studio-settings-fps button{white-space:nowrap;height:30px;font-size:12px;font-weight:600}.studio-settings-aspects{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.studio-settings-aspects button{flex-direction:column;align-items:center;gap:2px;padding:9px 4px;display:flex}.studio-settings-aspects b{font-size:12.5px;font-weight:700}.studio-settings-aspects small{color:var(--text);font-size:10.5px}.studio-settings-fps button:is(:hover,:focus-visible),.studio-settings-aspects button:is(:hover,:focus-visible){background:#ffffff14;outline:none}.studio-settings-fps button[data-active],.studio-settings-aspects button[data-active]{border-color:color-mix(in srgb, var(--alpha,#6cff8d) 55%, transparent);background:color-mix(in srgb, var(--alpha,#6cff8d) 14%, transparent);color:var(--fg)}.studio-settings-note{color:var(--text);margin:0;font-size:11.5px}.studio-settings-actions{justify-content:flex-end;margin-top:18px;display:flex}.studio-trial-banner{z-index:120;border:1px solid color-mix(in srgb, var(--studio-warn) 32%, transparent);background:color-mix(in srgb, var(--studio-warn) 7%, #101013);max-width:94vw;box-shadow:inset 0 1px 0 var(--studio-line-top), var(--studio-shadow);-webkit-backdrop-filter:var(--studio-blur);backdrop-filter:var(--studio-blur);color:color-mix(in srgb, #ffd98a 82%, var(--fg));white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:5px 6px 5px 13px;font-size:12px;font-weight:500;display:flex;position:fixed;top:9px;left:50%;overflow:hidden;transform:translate(-50%)}.studio-trial-banner strong{color:#ffd98a;margin-right:2px;font-weight:700}.studio-trial-banner:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffe29629,#0000);width:45%;animation:20s linear infinite studio-trial-sweep;position:absolute;top:0;bottom:0;left:0;transform:translate(-160%)skew(-18deg)}@keyframes studio-trial-sweep{0%{opacity:0;transform:translate(-160%)skew(-18deg)}1%{opacity:1}7%{opacity:1;transform:translate(280%)skew(-18deg)}8%{opacity:0;transform:translate(280%)skew(-18deg)}to{opacity:0;transform:translate(280%)skew(-18deg)}}.studio-trial-dot{background:var(--studio-warn);border-radius:999px;flex-shrink:0;width:7px;height:7px}.studio-trial-banner button{border:1px solid color-mix(in srgb, var(--studio-warn) 36%, transparent);background:color-mix(in srgb, var(--studio-warn) 14%, transparent);color:#ffe9c0;height:24px;font:inherit;cursor:pointer;transition:background var(--studio-anim-fast) ease;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:11.5px;font-weight:600;display:inline-flex}.studio-trial-banner button:hover{background:color-mix(in srgb, var(--studio-warn) 24%, transparent)}.studio-save-dot[data-status=local]{background:var(--studio-warn)}.studio-boot-actions{justify-content:center;gap:8px;display:flex}.studio-content{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-content>.dock-workspace{--dock-bg:transparent;--dock-border:var(--studio-line);--dock-border-strong:var(--studio-line-top);--dock-radius:var(--studio-radius-m);--dock-accent:#7d818b;border-radius:var(--studio-radius-l)}.studio-root .dock-drop-indicator{border-color:var(--alpha,#6cff8d);background:color-mix(in srgb, var(--alpha,#6cff8d) 18%, transparent)}.studio-content .dock-leaf{background:var(--studio-surface-1);box-shadow:inset 0 1px 0 var(--studio-line-top)}.studio-content .dock-menu{background:var(--studio-surface-2);-webkit-backdrop-filter:var(--studio-blur);backdrop-filter:var(--studio-blur);box-shadow:inset 0 1px 0 var(--studio-line-top), 0 12px 32px #0007;border-radius:10px}.studio-content .dock-drag-ghost{background:var(--studio-surface-2);-webkit-backdrop-filter:var(--studio-blur);backdrop-filter:var(--studio-blur);box-shadow:inset 0 1px 0 var(--studio-line-top), var(--studio-shadow)}.studio-dock-library .x-panel{padding-top:4px}.studio-dock-library .library-folder-frame{flex-direction:column;display:flex}.studio-dock-library .library-folder-main{flex:auto;min-width:0;min-height:0}.studio-dock-library .library-folder-sidebar{border-right:0;border-top:1px solid var(--line-soft);flex:none;order:2;grid-template-rows:auto;display:grid}.studio-dock-library .library-folder-tree,.studio-dock-library :is(.library-folder-trash,.library-column-trash) .library-folder-row>span{display:none}.studio-dock-library :is(.library-folder-trash,.library-column-trash) .library-folder-row{flex:none;grid-template-columns:none;place-items:center;gap:0;width:26px;height:26px;padding:0}.studio-dock-library .library-folder-trash .library-thumbnail-slider{margin-inline-start:auto}.studio-dock-library .library-folder-trash{border-top:0;padding-top:0}.studio-dock-library .library-kind{height:38px}.studio-dock-library .library-toolbar-body{padding:.6em 1em 0}.studio-dock-library .library-body{padding-block:.75em .5em}.studio-dock-library .library-folder-breadcrumbs:not(:has(.library-folder-crumb)){display:none}.studio-dock-library .library-folder-trash .library-thumbnail-slider{background:0 0;border:0;flex:0 auto;height:auto;padding:0;display:flex}.studio-dock-library .library-folder-trash .library-thumbnail-slider input{width:74px;min-width:0}.studio-dock-tab{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.studio-dock-tab[data-drag-over]{box-shadow:inset 0 0 0 1px var(--alpha);border-radius:inherit}.studio-dock-chat{container:studio-chat/inline-size}@container studio-chat (width<=44em){.studio-dock-chat .chat-main{position:relative}.studio-dock-chat :is(.chat-history-drawer,.chat-generation-drawer){z-index:var(--chat-generation-drawer-layer,14);max-width:calc(100% - var(--pad));background:var(--surface-panel-solid);position:absolute;top:0;bottom:0}.studio-dock-chat .chat-history-drawer{left:calc(var(--pad) * .5)}.studio-dock-chat .chat-history-drawer[data-open]{width:min(16em, calc(100% - var(--pad)));flex-basis:auto}.studio-dock-chat .chat-generation-drawer{right:calc(var(--pad) * .5)}.studio-dock-chat .chat-generation-drawer[data-open]{width:min(24em, calc(100% - var(--pad)));flex-basis:auto}.studio-dock-chat .chat-drawer-resize{display:none}}.studio-dock-timeline{position:relative}.dock-body :is(.dc-panel,.dp-panel,.dp-empty){box-sizing:border-box;width:100%}.studio-boot-screen{border-radius:var(--studio-radius-l);border:1px solid var(--studio-line);box-shadow:inset 0 1px 0 var(--studio-line-top), var(--studio-shadow);background:var(--studio-surface-1);flex:1;place-items:center;padding:24px;display:grid}.studio-library-drag-ghost{z-index:1000;border-radius:var(--studio-radius-m);border:1px solid var(--studio-line);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);pointer-events:none;align-items:center;gap:8px;padding:10px 12px;display:flex;position:fixed}.studio-library-drag-ghost-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg);font-size:12px;font-weight:600;overflow:hidden}.studio-library-drag-ghost-target{color:var(--alpha);text-transform:capitalize;flex-shrink:0;font-size:11px;font-weight:600}.studio-preview{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-transport{border-top:1px solid var(--studio-line);flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;min-width:0;min-height:44px;padding:0 12px 2px;display:flex}.studio-tbtn{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:flex}.studio-tbtn:hover:not(:disabled){color:var(--fg);background:#ffffff0a}.studio-tbtn:disabled{opacity:.4;cursor:default}.studio-tbtn[data-active]{color:var(--studio-text-bright)}.studio-transport-chip{border:1px solid var(--studio-line);height:28px;color:var(--fg);cursor:pointer;background:#1a1a1d;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.studio-transport-chip:hover:not(:disabled){border-color:var(--studio-line-top)}.studio-transport-chip:disabled{opacity:.4;cursor:default}.studio-rate-dd{flex-shrink:0}.studio-rate-dd>button{border:1px solid var(--studio-line);height:28px;color:var(--fg);cursor:pointer;background:#1a1a1d;border-radius:8px;align-items:center;gap:4px;padding:0 8px 0 10px;font-size:12px;font-weight:600;display:flex}.studio-rate-dd>button:hover{border-color:var(--studio-line-top)}.studio-rate-dd>button>.x-dropdown-chevron{width:12px;height:12px;color:var(--text)}.studio-rate-menu{min-width:88px;font-size:12px}.studio-program-jog{padding-top:6px}.studio-timecode{color:var(--text);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;flex-shrink:1;min-width:0;margin-left:8px;font-family:monospace;font-size:11px;overflow:hidden}.studio-transport .x-tooltip{flex-shrink:0}.studio-transport .x-tooltip:has(>.studio-timecode){flex-shrink:1;min-width:0}.studio-dock-program,.studio-dock-source{container-type:inline-size}@container (width<=460px){.studio-transport-rec,.studio-transport .action-bar-vdivider{display:none}}@container (width<=360px){.studio-transport-zoom{display:none}}@container (width<=300px){.sm-root :is(.studio-transport-chip,.x-tooltip:has(>.studio-transport-chip)){display:none}}@container (width<=240px){.sm-root :is(.studio-timecode,.x-tooltip:has(>.studio-timecode)){display:none}}.studio-buffering{z-index:5;border:1px solid var(--studio-line);-webkit-backdrop-filter:var(--studio-blur);backdrop-filter:var(--studio-blur);color:var(--studio-text-dim);pointer-events:none;background:#000000c0;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;animation:.2s .15s both studio-buffering-in;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes studio-buffering-in{0%{opacity:0}}.studio-transport-center{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.studio-transport-rec,.studio-transport-zoom{align-items:center;display:flex}.studio-root .studio-zoom-readout{min-width:40px;color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;padding:0 4px;font-family:monospace;font-size:11px}.action-bar{border-bottom:1px solid var(--studio-line);flex-shrink:0;align-items:center;gap:4px;height:40px;padding:0 12px;display:flex}.action-bar-vdivider{background:#ffffff14;flex-shrink:0;width:1px;height:20px;margin:0 6px}.action-bar-spacer{flex:1}.studio-root .library-add{background:var(--studio-btn-grey);color:var(--fg)}.studio-root .library-add:is(:hover,:focus-visible){background:var(--studio-btn-grey-hover)}@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);background:var(--surface-panel-solid);width:min(1040px,96vw);max-height:86vh;color:var(--fg,#fff);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{width:26px;height:26px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.preset-row-btn:hover{color:var(--studio-text-bright);background:#ffffff14}.preset-row-btn:disabled{opacity:.4;cursor:default}.preset-row-btn.preset-danger:hover{color:var(--studio-danger);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;min-width:0;color:var(--studio-text-dim);flex:auto;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:var(--studio-text-bright);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{height:24px;color:var(--text);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:var(--studio-text-dim)}.ex-seg-btn:disabled{color:var(--muted,#5a5a5e);cursor:default}.ex-seg-btn[data-active]{color:var(--fg);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:var(--studio-danger);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-skip{color:#ffc46c;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:var(--text);flex-direction:column;align-items:center;gap:12px;font-size:13px;display:flex}.rec-error{color:var(--studio-danger);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:var(--fg);align-items:center;gap:8px;font-family:monospace;font-size:13px;display:inline-flex}.rec-dot{background:var(--studio-record);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{background:var(--studio-record);color:var(--fg)}.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:var(--studio-text-bright);--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:var(--fg);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:var(--surface-panel-solid);--insp-line:#232327;--insp-box:#212125;--insp-box-line:#313138;--insp-box-line-hover:#3c3c44;--insp-box-hover:#2a2a30;--insp-label:#8a8a90;--insp-value:var(--studio-text-bright);--insp-title:var(--studio-text-dim);--insp-accent:#b794f4;--insp-danger:var(--studio-danger);--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{background:var(--fg);border:1.5px solid var(--alpha,#6cff8d);z-index:2;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}.doc-timeline-root{flex-direction:column;height:100%;min-height:0;display:flex}.doc-timeline-bar{border-bottom:1px solid var(--lines,#2a2a2e);flex-shrink:0;align-items:center;gap:4px;height:40px;padding:0 10px;display:flex}.dt-btn{width:30px;height:28px;color:var(--text,#8a8a8e);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.dt-btn:hover:not(:disabled){color:var(--fg);background:#ffffff0d}.dt-btn:disabled,.dt-btn[data-disabled]{opacity:.35;cursor:default}.dt-btn[data-disabled]:hover{background:0 0;border-color:#0000}.dt-btn[data-active]{color:#c9bdff;background:linear-gradient(#6d52ed57,#6d52ed2e);border-color:#8c74ff73}.dt-btn[data-active]:hover:not(:disabled){color:#ded7ff;background:linear-gradient(#6d52ed70,#6d52ed3d)}.dt-tools{display:contents}.doc-timeline-root:not([data-tool=select]) .dt-tools .dt-btn[data-active]{color:var(--fg);background:linear-gradient(#6d52edd9,#6d52ed80);border-color:#b4a0ffd9;box-shadow:0 0 0 1px #6d52ed59,0 2px 10px #6d52ed73}.dt-divider{background:var(--lines,#2a2a2e);width:1px;height:18px;margin:0 4px}.dt-spacer{flex:1}.doc-timeline-body{flex:1;min-height:0;display:flex}.doc-timeline-headers{border-right:1px solid var(--lines,#2a2a2e);background:#0d0d0f;flex-shrink:0;width:176px;position:relative;overflow:hidden}.dt-headers-inner{will-change:transform;padding-left:20px;position:relative}.dt-track-header{box-sizing:border-box;background:#141416;border-radius:6px;flex-direction:row;align-items:center;gap:6px;margin:0 4px;padding:4px 6px 4px 8px;display:flex;position:relative;overflow:hidden}.dt-track-header[data-hidden]{opacity:.5}.dt-track-header[data-selected]{background:#6cff8d52}.dt-track-header[data-selected]:before{content:"";background:var(--alpha,#6cff8d);border-radius:999px;width:3px;position:absolute;top:26%;bottom:26%;left:0}.dt-track-header[data-selected] .dt-track-name-static{color:#eafff0}.dt-track-resize{cursor:ns-resize;touch-action:none;height:7px;position:absolute;bottom:-2px;left:0;right:0}.dt-track-resize:after{content:"";background:var(--alpha,#6cff8d);opacity:0;border-radius:999px;height:2px;transition:opacity .1s;position:absolute;bottom:2px;left:6px;right:6px;box-shadow:0 0 8px 1px #6cff8d8c}.dt-track-resize:hover:after,.dt-track-resize[data-resizing]:after{opacity:1}.dt-section-gap{flex-shrink:0}.dt-track-name{width:100%;min-width:0;color:var(--studio-text-bright);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;flex:auto;padding:1px 4px;font-size:11px;font-weight:600}.dt-track-name:hover{border-color:var(--lines,#2a2a2e)}.dt-track-name:focus{border-color:var(--alpha,#6cff8d);background:#0d0d0f}span.dt-track-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}span.dt-track-name:hover{border-color:#0000}.dt-track-controls{flex-direction:row;flex:none;align-items:center;gap:2px;display:flex}.dt-track-btn{border:1px solid var(--lines,#2a2a2e);width:18px;height:18px;color:var(--text,#8a8a8e);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:flex}.dt-track-btn:hover{color:var(--fg);border-color:#3a3a3e}.dt-track-btn[data-active]{color:#e6e0ff;background:linear-gradient(#6d52ed80,#6d52ed47);border-color:#8c74ff99}.dt-track-btn[data-solo]{color:#ffd977;background:#e0b32b47;border-color:#e0b32b;box-shadow:0 0 7px #e0b32b73}.dt-scroll-wrap{flex:1;grid-template-rows:minmax(0,1fr) 13px;grid-template-columns:minmax(0,1fr) 13px;min-width:0;min-height:0;display:grid}.dt-scroll-wrap>.doc-timeline{grid-area:1/1}.dt-scrollbar-v{border-left:1px solid var(--lines,#2a2a2e);grid-area:1/2}.dt-scrollbar-h{border-top:1px solid var(--lines,#2a2a2e);grid-area:2/1}.dt-scrollbar-corner{border-top:1px solid var(--lines,#2a2a2e);border-left:1px solid var(--lines,#2a2a2e);background:#0a0a0c;grid-area:2/2}.dt-scrollbar{background:#0a0a0c;position:relative}.dt-scrollbar-thumb{cursor:default;background:#33333a;border-radius:6px;position:absolute}.dt-scrollbar-h .dt-scrollbar-thumb{top:2px;bottom:2px;left:0}.dt-scrollbar-v .dt-scrollbar-thumb{top:0;left:2px;right:2px}.dt-scrollbar-thumb:hover{background:#45454e}.dt-scrollbar-thumb:active{background:#52525c}.dt-nav-handle{cursor:ew-resize;border-radius:6px;width:7px;position:absolute;top:0;bottom:0}.dt-nav-handle-l{left:0}.dt-nav-handle-r{right:0}.dt-nav-handle:hover,.dt-nav-handle:active{background:linear-gradient(#6d52edb3,#6d52ed73)}.dt-tip{z-index:300;align-items:center;gap:calc(var(--pad,12px) * .5);padding:calc(var(--pad,12px) * .52) calc(var(--pad,12px) * .76);border-radius:calc(var(--round,8px) * .9);border:1px solid color-mix(in oklch, var(--fg,#fff), transparent 88%);background:color-mix(in oklch, var(--surface-control-solid,#1c1c21), transparent 8%);box-shadow:var(--shadow-float,0 10px 26px #000a);-webkit-backdrop-filter:var(--frosted,blur(14px));backdrop-filter:var(--frosted,blur(14px));color:var(--fg,#ececf1);white-space:nowrap;pointer-events:none;font-size:.76rem;font-weight:600;line-height:1.18;animation:.14s .38s both dt-tip-in;display:inline-flex;position:fixed;transform:translate(-50%)}.dt-tip kbd{padding:calc(var(--pad,12px) * .14) calc(var(--pad,12px) * .4);border:1px solid color-mix(in oklch, var(--fg,#fff), transparent 90%);color:color-mix(in oklch, var(--fg,#fff), transparent 18%);background:color-mix(in oklch, var(--fg,#fff), transparent 94%);font:inherit;border-radius:999px;flex:none;font-size:.78em;line-height:1}@keyframes dt-tip-in{0%{opacity:0;transform:translate(-50%)translateY(-3px)}}.doc-timeline{scrollbar-width:none;background:#0d0d0f;min-width:0;min-height:0;position:relative;overflow:scroll}.doc-timeline::-webkit-scrollbar{display:none}.doc-timeline-content{min-width:100%;min-height:100%;position:relative}.dt-menu{z-index:240;border:1px solid var(--lines,#2a2a2e);background:var(--studio-surface-2,#1f1f23);min-width:230px;-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;padding:5px;position:fixed}.dt-menu hr{border:0;border-top:1px solid var(--lines,#2a2a2e);margin:5px 4px}.dt-menu button{width:100%;height:28px;color:var(--studio-text-bright);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 9px;font-size:12px;font-weight:550;display:flex}.dt-menu button:hover:not(:disabled){background:#ffffff12}.dt-menu button:disabled{opacity:.4;cursor:default}.dt-menu-ic{color:#a9a9b2;flex:none;justify-content:center;align-items:center;width:15px;display:inline-flex}.dt-menu-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dt-menu-kbd{border:1px solid var(--lines,#2a2a2e);color:#9d9da6;font:inherit;background:#ffffff0a;border-radius:999px;flex:none;margin-left:14px;padding:1.5px 7px;font-size:10.5px;font-weight:600;line-height:1}.dt-menu button[data-danger]:hover:not(:disabled) .dt-menu-ic{color:inherit}.dt-menu button[data-danger]:hover:not(:disabled){color:var(--studio-danger);background:#ff5f5f29}.doc-timeline-marquee{border:1px solid var(--alpha,#6cff8d);pointer-events:none;z-index:5;background:#6cff8d1f;border-radius:2px;position:absolute}.dt-empty-hint{z-index:3;max-width:100%;max-height:100%;padding:0 var(--pad);color:var(--muted,#5a5a5e);text-align:center;text-wrap:balance;pointer-events:none;grid-area:1/1;place-self:center;margin:0;font-size:12px;overflow:hidden}.doc-timeline-root[data-tool=blade] .doc-timeline,.doc-timeline-root[data-tool=blade] .dt-stage{cursor:crosshair}.doc-timeline-root[data-tool=hand] .doc-timeline,.doc-timeline-root[data-tool=hand] .dt-stage{cursor:grab}.doc-timeline-root[data-tool=roll] .doc-timeline,.doc-timeline-root[data-tool=roll] .dt-stage{cursor:col-resize}.doc-timeline-root[data-tool=slip] .doc-timeline,.doc-timeline-root[data-tool=slip] .dt-stage{cursor:ew-resize}.doc-timeline-root[data-tool=pen] .doc-timeline,.doc-timeline-root[data-tool=pen] .dt-stage{cursor:crosshair}.dt-stage{z-index:2;touch-action:none;display:block;position:sticky;top:0;left:0}.doc-timeline-marquee{z-index:5}.dt-band-readout{z-index:300;border:1px solid var(--lines-strong,#ffffff2e);color:var(--studio-text-bright);pointer-events:none;white-space:nowrap;background:#1c1c21;border-radius:6px;padding:2px 7px;font-family:ui-monospace,Menlo,monospace;font-size:10px;position:fixed}.dt-patch-block{color:#c9bdff;letter-spacing:.02em;cursor:grab;z-index:3;touch-action:none;background:linear-gradient(#6d52ed57,#6d52ed2e);border:1px solid #8c74ff73;border-radius:4px;justify-content:center;align-items:center;width:18px;padding:0;font-size:9px;font-weight:700;transition:top 80ms;display:flex;position:absolute;left:1px}.dt-patch-block:active{cursor:grabbing}.dt-patch-block:not([data-enabled]){opacity:.4;border-color:var(--lines,#2a2a2e);color:var(--text);background:0 0}.dt-io-mark{top:var(--dt-scroll-top,0px);cursor:ew-resize;z-index:11;touch-action:none;background:0 0;border:0;width:10px;height:32px;padding:0;position:absolute}.dt-io-mark-out{transform:translate(-10px)}.doc-timeline-root{-webkit-user-select:none;user-select:none}.dt-drop-ghost{pointer-events:none;z-index:6;background:#c8cdd724;border:1.5px dashed #d6dbe4e6;border-radius:3px;position:absolute}.dt-pending-ghost{pointer-events:none;z-index:6;background:#c8cdd71a;border:1.5px dashed #d6dbe48c;border-radius:3px;align-items:center;padding:0 8px;display:flex;position:absolute;overflow:hidden}.dt-pending-ghost:after{content:"";background:linear-gradient(100deg,#0000 32%,#ffffff1f 50%,#0000 68%);animation:1.2s linear infinite dt-pending-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes dt-pending-sweep{to{transform:translate(100%)}}.dt-pending-ghost span{min-width:0;color:var(--studio-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dt-pending-chip{border:1px solid var(--lines-strong,#ffffff2e);max-width:220px;color:var(--studio-text-dim);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;margin-right:6px;padding:3px 10px;font-size:11px;animation:1.2s ease-in-out infinite dt-pending-pulse;display:inline-flex;overflow:hidden}@keyframes dt-pending-pulse{50%{opacity:.55}}.dt-pending-chip[data-phase=done]{animation:none}.dt-pending-chip[data-phase=error]{color:var(--studio-danger);border-color:#ff8a8a55;animation:none}.dt-qt-catch{z-index:260;position:fixed;inset:0}.dt-qt{border:1px solid var(--lines-strong,#ffffff2e);background:var(--studio-surface-2,#1f1f23);width:300px;box-shadow:inset 0 1px 0 var(--lines-strong,#ffffff2e), 0 18px 44px #000b;border-radius:12px;padding:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-60%)}.dt-qt-title{margin-bottom:10px;font-size:13px;font-weight:700}.dt-qt-row{color:var(--studio-text-dim);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.dt-qt-input{border:1px solid var(--lines,#2a2a2e);height:26px;color:var(--studio-text-bright);font:inherit;background:#131316;border-radius:7px;padding:0 8px;font-size:12px}.dt-qt-input[type=number]{width:64px}.dt-qt-select>button{border:1px solid var(--lines,#2a2a2e);min-height:26px;color:var(--studio-text-bright);background:#131316;border-radius:7px;padding:0 8px 0 10px;font-size:12px;font-weight:400;transform:none}.dt-qt-duration{color:var(--text);align-items:center;gap:6px;font-size:11px;display:flex}.dt-qt-scope{color:var(--text);margin:10px 0 12px;font-size:11px}.dt-qt-actions{justify-content:flex-end;gap:8px;display:flex}.dt-qt-btn{border:1px solid var(--lines,#2a2a2e);height:28px;color:var(--studio-text-bright);cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:12px;font-weight:600}.dt-qt-btn:disabled{opacity:.4;cursor:default}.dt-qt-btn-primary{color:#17171b;background:#e9ebef;border-color:#0000}.dt-qt-btn-danger:hover:not(:disabled){color:var(--studio-danger);background:#ff5f5f29;border-color:#0000}.dt-corner{z-index:4;letter-spacing:.04em;color:var(--alpha,#6cff8d);border-bottom:1px solid var(--lines,#2a2a2e);-webkit-user-select:text;user-select:text;background:#0d0d0f;align-items:center;padding:0 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.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:var(--muted);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:var(--text);background:#000a;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:16px;left:16px}.sm-audio-wrap{color:var(--text);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:var(--fg)}.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:var(--studio-text-bright);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:var(--fg);font-size:13px;font-weight:600}.sm-timecode-dur{color:var(--text);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);height:26px;color:var(--studio-text-dim);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:var(--fg);background:#ffffff1f;border-color:#ffffff52}.kbd-layer-hint{color:var(--text);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:var(--text);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{max-width:100%;color:var(--studio-text-dim);text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:10px;font-weight:700;line-height:1.1;overflow:hidden}.kbd-cap[data-assigned]{color:var(--studio-text-dim);background:linear-gradient(160deg,#26262b 0%,#1a1a1e 100%);border-color:#ffffff38}.kbd-cap[data-reserved]{opacity:.35}.kbd-cap[data-reserved] .kbd-assign{color:var(--text)}.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:var(--fg);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:var(--fg)}.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:var(--fg)}}.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{height:26px;color:var(--text);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:var(--studio-text-dim)}.kbd-tabs button[data-active]{color:var(--fg);background:#ffffff12}.kbd-search{border:1px solid var(--studio-line);width:200px;height:28px;color:var(--fg);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{min-width:0;color:var(--studio-text-bright);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:550;overflow:hidden}.kbd-pill kbd{border:1px solid var(--studio-line);color:var(--text);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:var(--text);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:var(--fg);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-header:has(>.x-navbar-section-toggle){padding: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:500}.x-navbar-section-body,.x-navbar-subbuttons{gap:2px;display:grid}.x-navbar-section .x-tooltip:has(>.x-navbutton){display:contents}.x-navbar-subbutton{align-items:center;gap:calc(var(--pad) * .9);width:100%;height:2.35rem;padding:0 calc(var(--pad) * 1.15);border-radius:calc(var(--round) * 1.15);color:var(--fg);font:inherit;text-align:left;background:0 0;border:.15em solid #0000;text-decoration:none;display:flex;position:relative}.x-navbar-subbutton svg{stroke-width:2px;flex:none;width:18px;height:18px}.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;font-size:.82rem;line-height:1;overflow:hidden}.x-navbar-create-tint{display:contents}.x-navbar-create-tint .x-navbutton[data-marked]{--ella-active-bar:var(--fam-tint)}.x-navbar-create-tint .x-navbutton[data-marked] svg{color:var(--fam-tint)}}.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;flex:auto;width:auto;min-width:0;font-size:.82rem;line-height:1}.studio-app-sidebar .x-navbutton.x-navbutton-labeled[data-clickable]:is(:hover,:focus-visible){color:var(--fg);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}.studio-app-sidebar>hr{background:linear-gradient(to right, transparent, color-mix(in oklch, var(--fg), transparent 88%), transparent);border:none;flex:none;align-self:center;width:28px;height:1px;display:block}.studio-app-sidebar:not([data-collapsed]) .x-navbutton.x-navbutton-labeled .x-navbar-discord-external{display:block}.dock-workspace{--dock-bg:#131316;--dock-panel:#1a1a1d;--dock-panel-2:#202024;--dock-border:#2a2a2e;--dock-border-strong:#37373d;--dock-fg:#f4f4f6;--dock-muted:var(--text);--dock-accent:#4c8dff;--dock-accent-soft:color-mix(in srgb, var(--dock-accent) 22%, transparent);--dock-focus:#b794f4;--dock-radius:10px;--dock-strip-h:34px;background:var(--dock-bg);block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;color:var(--dock-fg);font-size:12px;line-height:1.4;display:flex;position:relative;overflow:hidden}.dock-split{block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;display:flex}.dock-split[data-dir=row]{flex-direction:row}.dock-split[data-dir=column]{flex-direction:column}.dock-cell{display:flex;overflow:hidden}.dock-gutter{touch-action:none;z-index:2;background:0 0;flex:none;place-items:center;display:grid;position:relative}.dock-gutter[data-dir=row]{cursor:col-resize;inline-size:6px}.dock-gutter[data-dir=column]{cursor:row-resize;block-size:12px}.dock-gutter:before{content:"";position:absolute;inset:0}.dock-gutter[data-dir=row]:before{inset-inline:-4px}.dock-gutter[data-dir=column]:before{inset-block:-4px}.dock-gutter-grip{background:var(--dock-border);border-radius:999px;transition:background .12s}.dock-gutter[data-dir=row] .dock-gutter-grip{block-size:22px;inline-size:2px}.dock-gutter[data-dir=column] .dock-gutter-grip{block-size:2px;inline-size:22px}.dock-gutter:hover .dock-gutter-grip,.dock-gutter:active .dock-gutter-grip{background:var(--dock-accent);box-shadow:0 0 8px 1px var(--dock-accent-soft)}.dock-leaf{background:var(--dock-panel);border:1px solid var(--dock-border);border-radius:var(--dock-radius);flex-direction:column;block-size:calc(100% - 4px);min-block-size:0;inline-size:calc(100% - 4px);min-inline-size:0;margin:2px;display:flex;position:relative;overflow:hidden}.dock-leaf[data-focused]:after{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--dock-focus) 95%, transparent) 0%, color-mix(in srgb, var(--dock-focus) 32%, transparent) 45%, color-mix(in srgb, var(--dock-focus) 72%, transparent) 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:5;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dock-strip{flex:0 0 var(--dock-strip-h);background:color-mix(in srgb, var(--dock-panel-2) 70%, transparent);border-block-end:1px solid var(--dock-border);align-items:stretch;gap:4px;padding-inline:4px;display:flex;container:dock-strip/inline-size}@container dock-strip (width<=38em){.dock-strip-tabs:has(>:nth-child(4)) .dock-tab:not([data-active]) .dock-tab-label{display:none}}@container dock-strip (width<=22em){.dock-tab:not([data-active]) .dock-tab-label{display:none}}.dock-strip-tabs{scrollbar-width:none;flex:auto;align-items:center;gap:2px;display:flex;overflow-x:auto}.dock-strip-tabs>.x-tooltip{flex:0 auto;min-inline-size:0}.dock-strip-tabs::-webkit-scrollbar{display:none}.dock-tab{block-size:24px;min-inline-size:36px;max-inline-size:180px;color:var(--dock-muted);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border-radius:7px;flex:0 auto;align-items:center;gap:6px;margin-block:5px;padding-inline:10px;transition:background .12s,color .12s;display:inline-flex}.dock-tab:hover{color:var(--dock-fg);background:color-mix(in srgb, var(--dock-fg) 6%, transparent)}.dock-tab[data-active]{color:var(--dock-fg);background:var(--dock-panel);box-shadow:inset 0 0 0 1px var(--dock-border-strong)}.dock-tab:active{cursor:grabbing}.dock-tab-icon{flex:none;block-size:14px;inline-size:14px;display:inline-flex}.dock-tab-icon>svg{block-size:100%;inline-size:100%}.dock-tab-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-weight:550;overflow:hidden}.dock-tab-close{block-size:15px;inline-size:15px;color:var(--dock-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;margin-inline-end:-3px;padding:0;font-size:14px;line-height:1;transition:background .12s;display:none}.dock-tab[data-active] .dock-tab-close{display:inline-flex}.dock-tab-close:hover{background:color-mix(in srgb, var(--dock-fg) 12%, transparent);color:var(--dock-fg)}.dock-strip-actions{flex:none;align-items:center;display:flex;position:relative}.dock-add{block-size:24px;inline-size:24px;color:var(--dock-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;font-size:17px;line-height:1;transition:background .12s,color .12s;display:inline-flex}.dock-add:hover{background:color-mix(in srgb, var(--dock-fg) 8%, transparent);color:var(--dock-fg)}.dock-menu{z-index:20;background:var(--dock-panel-2);border:1px solid var(--dock-border-strong);border-radius:9px;min-inline-size:170px;padding:4px;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-end:0;box-shadow:0 12px 32px #00000073}.dock-menu-item{inline-size:100%;color:var(--dock-fg);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;display:flex}.dock-menu-item:hover{background:color-mix(in srgb, var(--dock-accent) 20%, transparent)}.dock-menu-icon{block-size:15px;inline-size:15px;color:var(--dock-muted);display:inline-flex}.dock-menu-icon>svg{block-size:100%;inline-size:100%}.dock-menu-empty{color:var(--dock-muted);padding:8px}.dock-body{flex:auto;min-block-size:0;position:relative;overflow:auto}.dock-empty{block-size:100%;color:var(--dock-muted);place-items:center;display:grid}.dock-drop-indicator{pointer-events:none;z-index:40;border:2px solid var(--dock-accent);background:var(--dock-accent-soft);border-radius:8px;transition:left 90ms,top 90ms,width 90ms,height 90ms}.dock-drag-ghost{pointer-events:none;z-index:50;background:var(--dock-panel-2);border:1px solid var(--dock-border-strong);color:var(--dock-fg);border-radius:7px;padding:5px 10px;font-weight:600;position:fixed;box-shadow:0 10px 26px #00000080}.dock-workspace[data-dragging]{cursor:grabbing}