.ui-color-picker__popup{display:flex;flex-direction:column;gap:var(--gap-3)}.ui-color-picker__sv{width:100%;height:var(--color-picker-sv-height);position:relative;border-radius:var(--radius-md);cursor:crosshair;overflow:hidden;border:thin solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.ui-color-picker__sv-cursor{position:absolute;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border:thin solid var(--background);border-radius:var(--radius-full);transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px var(--foreground)}.ui-color-picker__hue{position:relative;width:100%;height:var(--color-picker-hue-height);border-radius:var(--radius-full);overflow:visible;border:thin solid var(--border);cursor:pointer;touch-action:none}.ui-color-picker__hue-gradient{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.ui-color-picker__hue-thumb{position:absolute;top:50%;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--radius-full);background:var(--background);border:thin solid var(--foreground);transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px var(--border)}.mcr-root{position:relative;display:flex;align-items:center;z-index:200;-webkit-app-region:no-drag}.mcr-root--embedded{z-index:1;width:100%;align-items:stretch}.mcr-panel{position:absolute;top:calc(100% + var(--gap-2));right:0;width:min(calc(var(--export-panel-width) - var(--gap-4)),calc(100vw - var(--gap-4)));background:var(--card);color:var(--card-foreground);border:thin solid var(--border);border-radius:var(--radius-xl);padding:var(--gap-3);display:flex;flex-direction:column;gap:var(--gap-3);font-family:var(--font-family);font-size:var(--font-size-xs);z-index:300;-webkit-app-region:no-drag;animation:mcr-fadeIn var(--motion-duration-micro) var(--motion-ease-out)}.mcr-panel--embedded{position:static;top:auto;right:auto;width:100%;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;animation:none;z-index:1}@keyframes mcr-fadeIn{0%{opacity:0;transform:translateY(calc(var(--gap-1) * -1))}to{opacity:1;transform:translateY(0)}}.mcr-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2)}.mcr-header-left{display:flex;align-items:center;gap:var(--gap-2);min-width:0}.mcr-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--card-foreground);line-height:1.2}.mcr-badge{display:inline-flex;align-items:center;padding:0 var(--gap-2);height:var(--line-height-normal);border-radius:var(--radius-full);font-size:var(--font-size-3xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.mcr-badge--recording{background:color-mix(in srgb,var(--destructive) 18%,transparent);border:thin solid color-mix(in srgb,var(--destructive) 45%,transparent);color:var(--destructive)}.mcr-badge--paused{background:color-mix(in srgb,var(--muted-foreground) 12%,transparent);border:thin solid color-mix(in srgb,var(--muted-foreground) 35%,transparent);color:var(--muted-foreground)}.mcr-close-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--playground-control);height:var(--playground-control);background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-sm);line-height:1;flex-shrink:0;transition:background var(--motion-duration-micro) var(--motion-ease-out),color var(--motion-duration-micro) var(--motion-ease-out)}.mcr-close-btn:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.mcr-close-btn:focus-visible{outline:none;box-shadow:0 0 0 1px var(--ring)}.mcr-close-btn:disabled{opacity:.5;cursor:not-allowed}.mcr-close-btn svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.mcr-stack{display:flex;flex-direction:column;gap:var(--gap-3)}.mcr-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-2);padding:var(--gap-2) var(--control-padding-x);background:var(--muted);border:thin solid var(--border);border-radius:var(--radius-sm)}.mcr-info-key{font-size:var(--font-size-2xs);color:var(--muted-foreground);flex-shrink:0}.mcr-info-val{font-size:var(--font-size-2xs);color:var(--card-foreground);font-variant-numeric:tabular-nums;text-align:right}.mcr-info-val--highlight{color:var(--foreground);font-weight:var(--font-weight-semibold)}.mcr-checkbox-row{display:flex;align-items:center;gap:var(--gap-2);font-size:var(--font-size-2xs);color:var(--card-foreground);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mcr-checkbox-row input[type=checkbox]{accent-color:var(--foreground);cursor:pointer;width:var(--icon-size-sm);height:var(--icon-size-sm);margin:0;flex-shrink:0}.mcr-hint{font-size:var(--font-size-2xs);color:var(--muted-foreground);line-height:1.45;padding:var(--gap-2) var(--control-padding-x);background:var(--muted);border-radius:var(--radius-sm);border:thin solid var(--border)}.mcr-segmented{display:flex;flex-wrap:wrap;gap:var(--gap-1);padding:var(--gap-1);background:var(--muted);border:thin solid var(--border);border-radius:var(--radius-md)}.mcr-segmented-btn{flex:1 1 auto;min-width:0;padding:var(--gap-1) var(--gap-2);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--muted-foreground);font-family:var(--font-family);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--motion-duration-micro) var(--motion-ease-out),color var(--motion-duration-micro) var(--motion-ease-out)}.mcr-segmented-btn:hover{color:var(--foreground)}.mcr-segmented-btn.active{color:var(--background);background:var(--foreground);box-shadow:none}.mcr-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-3)}.mcr-field{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-1);min-width:0}.mcr-field--full{grid-column:1 / -1}.mcr-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--muted-foreground)}.mcr-field input[type=number],.mcr-field input[type=text]{width:100%;height:var(--control-height-sm);padding:0 var(--control-padding-x);background:var(--muted);border:thin solid var(--border);border-radius:var(--radius-sm);color:var(--card-foreground);font-size:var(--font-size-xs);font-family:var(--font-family);font-variant-numeric:tabular-nums;outline:none;box-sizing:border-box;transition:border-color var(--motion-duration-micro) var(--motion-ease-out),background var(--motion-duration-micro) var(--motion-ease-out);-moz-appearance:textfield}.mcr-field input[type=number]::-webkit-outer-spin-button,.mcr-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mcr-field input[type=number]:hover,.mcr-field input[type=text]:hover{border-color:var(--ring)}.mcr-field input[type=number]:focus,.mcr-field input[type=text]:focus{border-color:var(--ring)}.mcr-actions{display:flex;gap:var(--gap-2);flex-wrap:wrap}.mcr-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--control-height-sm);padding:0 var(--control-padding-x);border-radius:var(--radius-sm);border:thin solid var(--border);background:var(--muted);color:var(--card-foreground);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;white-space:nowrap;transition:transform var(--motion-duration-micro) var(--motion-ease-out),background var(--motion-duration-micro) var(--motion-ease-out),border-color var(--motion-duration-micro) var(--motion-ease-out),color var(--motion-duration-micro) var(--motion-ease-out)}.mcr-btn:hover{background:var(--accent);color:var(--accent-foreground);border-color:var(--border)}.mcr-btn:active{transform:translateY(1px)}.mcr-btn--primary{flex:1 1 auto;background:var(--foreground);border-color:var(--foreground);color:var(--background);font-weight:var(--font-weight-semibold)}.mcr-btn--primary:hover{background:color-mix(in srgb,var(--foreground) 88%,var(--background));border-color:color-mix(in srgb,var(--foreground) 88%,var(--background));color:var(--background)}.mcr-btn--pause{flex:0 0 auto}.mcr-btn--stop{flex:1 1 auto;border-color:var(--border)}.mcr-btn--abort{background:transparent;border-color:var(--border);color:var(--muted-foreground)}.mcr-btn--abort:hover{color:var(--foreground);background:var(--accent)}.mcr-live-section{display:flex;flex-direction:column;gap:var(--gap-3)}.mcr-live-status{display:flex;align-items:center;gap:var(--gap-3);padding:var(--gap-3) var(--control-padding-x);background:var(--muted);border:thin solid var(--border);border-radius:var(--radius-sm)}.mcr-live-copy{display:flex;flex-direction:column;gap:var(--gap-1);min-width:0}.mcr-live-label{font-size:var(--font-size-2xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--font-weight-semibold)}.mcr-elapsed{font-variant-numeric:tabular-nums;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--card-foreground);letter-spacing:.02em;line-height:1.2}.mcr-countdown{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--muted-foreground);margin-left:var(--gap-1)}.mcr-dot{width:var(--signals-bind-dot);height:var(--signals-bind-dot);border-radius:var(--radius-full);flex-shrink:0}.mcr-dot--rec{width:var(--icon-size-xs);height:var(--icon-size-xs);background:var(--destructive);animation:mcr-blink 1.2s ease-in-out infinite;box-shadow:0 0 0 var(--gap-1) color-mix(in srgb,var(--destructive) 22%,transparent)}.mcr-dot--pause{width:var(--icon-size-xs);height:var(--icon-size-xs);background:var(--muted-foreground)}@keyframes mcr-blink{0%,to{opacity:1}50%{opacity:.25}}.mcr-msg{padding:var(--gap-2) var(--control-padding-x);border-radius:var(--radius-sm);border:thin solid var(--border);background:var(--muted);color:var(--card-foreground);font-size:var(--font-size-2xs);line-height:1.45}.mcr-msg-success{border-color:color-mix(in srgb,var(--foreground) 24%,var(--border));background:color-mix(in srgb,var(--foreground) 8%,var(--muted))}.mcr-msg-error{border-color:color-mix(in srgb,var(--destructive) 28%,transparent);background:color-mix(in srgb,var(--destructive) 8%,transparent);color:var(--destructive)}.mcr-msg-neutral{border-color:var(--border)}.mcr-preview-section{display:flex;flex-direction:column;gap:var(--gap-3);border-top:thin solid var(--border);padding-top:var(--gap-3)}.mcr-preview-header{display:flex;flex-direction:column;gap:var(--gap-1)}.mcr-preview-title{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--card-foreground)}.mcr-preview-sub{font-size:var(--font-size-2xs);color:var(--muted-foreground)}.mcr-preview-video{width:100%;border-radius:var(--radius-sm);background:var(--canvas-bg);aspect-ratio:16 / 9;-o-object-fit:contain;object-fit:contain;border:thin solid var(--border)}.mcr-trigger-wrap{display:inline-flex;align-items:center}.mcr-trigger-btn.top-bar-btn{color:var(--muted-foreground)}.mcr-trigger-btn.top-bar-btn:hover:not(:disabled){color:var(--foreground);background:var(--accent)}.mcr-trigger-btn.top-bar-btn.active{color:var(--foreground);background:var(--accent)}.mcr-trigger-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.mcr-trigger-btn.top-bar-btn-recording,.mcr-trigger-btn.top-bar-btn-recording.active{color:var(--destructive)}.mcr-trigger-btn.top-bar-btn-recording-paused,.mcr-trigger-btn.top-bar-btn-recording-paused.active{color:var(--muted-foreground)}.effects-browse-panel{position:fixed;z-index:var(--z-popover);display:flex;flex-direction:column;min-width:var(--sidebar-width);min-height:var(--effects-library-grid-max-height);max-width:calc(100vw - (2 * var(--overlay-inset)));max-height:calc(100vh - (2 * var(--overlay-inset)));background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;contain:layout style;font-family:var(--font-family)}.effects-browse-panel.is-dragging,.effects-browse-panel.is-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:left,top,width,height}.effects-browse-panel.is-dragging{cursor:grabbing}.effects-browse-header{display:flex;height:var(--preferences-header-height);flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--gap-2);border-bottom:1px solid var(--border);padding:0 var(--gap-4);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.effects-browse-panel.is-dragging .effects-browse-header{cursor:grabbing}.effects-browse-title{margin:0;min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--card-foreground)}.effects-browse-close{display:inline-flex;width:var(--control-height-sm);height:var(--control-height-sm);flex-shrink:0;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--muted-foreground);cursor:pointer}.effects-browse-close:hover{background:var(--muted);color:var(--foreground)}.effects-browse-body{display:flex;min-height:0;flex:1;flex-direction:column;gap:var(--gap-3);padding:var(--gap-4)}.effects-browse-grid{scrollbar-width:none}.effects-browse-grid::-webkit-scrollbar{display:none}.effects-browse-resize{position:absolute;z-index:2}.effects-browse-resize--e{top:var(--gap-3);right:0;bottom:var(--gap-3);width:var(--gap-2);cursor:ew-resize}.effects-browse-resize--s{right:var(--gap-3);bottom:0;left:var(--gap-3);height:var(--gap-2);cursor:ns-resize}.effects-browse-resize--se{right:0;bottom:0;width:var(--gap-3);height:var(--gap-3);cursor:nwse-resize}.sp-workspace{grid-column:1 / -1;grid-row:2 / -1;min-height:0;display:flex;flex-direction:column;background:var(--canvas-bg);border-radius:0;border:none;overflow:hidden;animation:spFadeIn .12s ease-out;position:relative}@keyframes spFadeIn{0%{opacity:0}to{opacity:1}}.sp-body{display:flex;flex:1;min-height:0;overflow:hidden}.sp-canvas-pane{position:relative;background:var(--canvas-bg);display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.sp-canvas{width:100%!important;height:100%!important;display:block;flex:1;min-height:0;-o-object-fit:contain;object-fit:contain}.sp-split-handle{width:calc(4px * var(--ui-scale, 1));flex-shrink:0;background:var(--border-color);cursor:col-resize;transition:background-color .15s;z-index:1}.sp-split-handle:hover,.sp-split-handle:active{background:var(--accent-primary)}.sp-code-pane{flex:0 0 var(--panel-width-rail);width:var(--panel-width-rail);display:flex;flex-direction:column;background:var(--panel-bg);min-width:0;overflow:hidden}.sp-code-pane .cm-editor,.sp-code-pane .cm-scroller{background:var(--panel-bg)!important}.sp-code-pane .cm-content{background:transparent!important}.sp-code-pane .cm-selectionLayer .cm-selectionBackground{background:#ffffff47!important}.sp-code-pane .cm-editor.cm-focused .cm-selectionLayer .cm-selectionBackground{background:#ffffff59!important}.sp-code-pane .cm-gutters{background:var(--panel-header-bg)!important;color:var(--text-muted)!important}.sp-compile-controls{display:flex;align-items:center;gap:calc(8px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);flex-shrink:0}.sp-compile-btn{width:var(--control-height-chrome);height:var(--control-height-chrome);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:calc(12px * var(--ui-scale, 1));line-height:1;border-radius:calc(4px * var(--ui-scale, 1));border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);background:var(--panel-bg);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sp-compile-btn:hover{background:color-mix(in srgb,var(--accent-primary) 12%,var(--panel-bg));color:var(--text-main);border-color:var(--accent-primary)}.sp-compile-play.active,.sp-compile-stop.active{background:color-mix(in srgb,var(--accent-primary) 18%,var(--panel-bg));color:var(--accent-primary);border-color:var(--accent-primary)}.sp-compile-btn .sp-compile-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.sp-compile-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.sp-compile-hint{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted);margin-left:calc(4px * var(--ui-scale, 1))}.sp-editors{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sp-editor-block{display:flex;flex-direction:column;min-height:0;overflow:hidden}.sp-editor-block+.sp-editor-block{border-top:none}.sp-editor-split-handle{flex-shrink:0;height:5px;cursor:ns-resize;background:var(--border-color);transition:background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-editor-split-handle:hover,.sp-editor-split-handle:active{background:color-mix(in srgb,var(--accent-primary) 70%,transparent)}.sp-editor-header{display:flex;justify-content:space-between;align-items:center;padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1));font-weight:600;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.7px;flex-shrink:0}.sp-editor-hint{font-size:calc(9px * var(--ui-scale, 1));color:var(--text-muted);opacity:.85;font-weight:400;letter-spacing:0;text-transform:none;font-family:var(--font-family)}.sp-editor-hint-error{color:#ef5350d9;font-weight:600;opacity:1}.sp-code{flex:1;width:100%;background:var(--panel-bg);color:var(--text-main);border:none;padding:calc(10px * var(--ui-scale, 1)) calc(13px * var(--ui-scale, 1));font-family:Consolas,Monaco,Courier New,monospace;font-size:calc(12px * var(--ui-scale, 1));line-height:1.55;resize:none;outline:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2;min-height:0;-moz-user-select:text;user-select:text;-webkit-user-select:text;box-sizing:border-box}.sp-code::-webkit-scrollbar{width:5px}.sp-code::-webkit-scrollbar-track{background:transparent}.sp-code::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sp-uniforms{background:var(--panel-bg);border-top:calc(1px * var(--ui-scale, 1)) solid var(--border-color);max-height:calc(240px * var(--ui-scale, 1));overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sp-uniforms::-webkit-scrollbar{width:4px}.sp-uniforms::-webkit-scrollbar-track{background:transparent}.sp-uniforms::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sp-uniforms-header{display:flex;justify-content:space-between;align-items:center;padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);color:var(--text-muted);font-size:var(--font-size-chrome-section);font-weight:600;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;flex-shrink:0;border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);transition:background-color .12s}.sp-uniforms-header:hover{background:var(--panel-header-hover, rgba(255,255,255,.04))}.sp-u-count{opacity:.6;font-weight:400}.sp-collapse-arrow{font-size:calc(8px * var(--ui-scale, 1));opacity:.5}.sp-uniforms-body{padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.sp-uniform-row{margin-bottom:calc(9px * var(--ui-scale, 1))}.sp-uniform-row--has-track{border-left:2px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);padding-left:calc(6px * var(--ui-scale, 1));margin-left:calc(-8px * var(--ui-scale, 1))}.sp-uniform-row--animated{border-left:2px solid var(--accent-primary);padding-left:calc(6px * var(--ui-scale, 1));margin-left:calc(-8px * var(--ui-scale, 1))}.sp-uniform-row--animated .sp-uval{color:var(--color-transport-pause)}.sp-uniform-row--animated input[type=range]{background:color-mix(in srgb,var(--color-transport-pause) 15%,transparent)}.sp-uniform-row--animated input[type=range]::-webkit-slider-thumb{background:var(--color-transport-pause)}.sp-anim-dot{display:inline-block;font-size:calc(7px * var(--ui-scale, 1));margin-right:calc(3px * var(--ui-scale, 1));vertical-align:middle;color:color-mix(in srgb,var(--accent-primary) 50%,transparent);line-height:1}.sp-uniform-row--animated .sp-anim-dot{color:var(--color-transport-pause)}.sp-uniform-row label{display:flex;justify-content:space-between;color:var(--text-passive);font-size:var(--font-size-label);font-family:var(--font-family);margin-bottom:calc(4px * var(--ui-scale, 1))}.sp-uval{color:var(--accent-primary);font-family:var(--font-family-mono);font-size:var(--font-size-value)}.sp-utype{color:var(--text-muted);opacity:.7;font-size:var(--font-size-value);margin-left:4px;font-style:italic}.sp-uniform-row input[type=range]{width:100%;height:calc(3px * var(--ui-scale, 1));background:var(--slider-bg);outline:none;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}.sp-uniform-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));background:var(--accent-primary);border-radius:50%;cursor:pointer}.sp-toggle-row{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family)}.sp-toggle{background:var(--surface-control);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);color:var(--text-muted);padding:2px calc(10px * var(--ui-scale, 1));border-radius:var(--radius-control);font-size:var(--font-size-value);cursor:pointer;font-family:var(--font-family-mono);min-height:var(--control-height-chrome);transition:all .15s}.sp-toggle-on{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-main)}.sp-toggle:hover{border-color:var(--border-color)}.sp-vec-row label{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);margin-bottom:calc(4px * var(--ui-scale, 1))}.sp-vec-inputs{display:flex;gap:calc(4px * var(--ui-scale, 1))}.sp-vec-input{flex:1;background:var(--surface-control);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);color:var(--text-main);padding:calc(3px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));border-radius:var(--radius-control);font-family:var(--font-family-mono);font-size:var(--font-size-value);width:0;outline:none;text-align:center;-moz-user-select:text;user-select:text;-webkit-user-select:text}.sp-vec-input:focus{border-color:var(--accent-primary)}.sp-vec-input::-webkit-inner-spin-button,.sp-vec-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sp-color-picker{width:calc(22px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1));border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(3px * var(--ui-scale, 1));padding:0;cursor:pointer;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sp-color-picker::-webkit-color-swatch-wrapper{padding:0}.sp-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.sp-console{background:var(--panel-bg);border-top:calc(1px * var(--ui-scale, 1)) solid var(--border-color);flex-shrink:0}.sp-console-header{display:flex;justify-content:space-between;align-items:center;padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);color:var(--text-muted);font-size:var(--font-size-chrome-section);font-weight:600;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:background-color .12s}.sp-console-header:hover{background:var(--panel-header-hover, rgba(255, 255, 255, .04))}.sp-console-arrow{font-size:calc(8px * var(--ui-scale, 1));opacity:.6}.sp-console-body{padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);font-size:var(--font-size-value);font-family:var(--font-family);line-height:1.7;max-height:calc(120px * var(--ui-scale, 1));overflow-y:auto;overflow-x:hidden;word-wrap:break-word}.sp-console-body::-webkit-scrollbar{width:4px}.sp-console-body::-webkit-scrollbar-track{background:transparent}.sp-console-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sp-shortcut-line{color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);display:flex;flex-wrap:wrap;gap:0 calc(2px * var(--ui-scale, 1));align-items:baseline}.sp-tip-kbd{font-family:var(--font-family);font-size:calc(9px * var(--ui-scale, 1));padding:1px 4px;border-radius:3px;background:var(--slider-bg);border:1px solid var(--border-color);font-weight:500}.sp-shortcut-hint{color:var(--text-muted);opacity:.65;font-size:var(--font-size-value);font-family:var(--font-family-mono);margin-top:calc(4px * var(--ui-scale, 1));word-break:break-all}.sp-missing-uniforms{margin-top:calc(6px * var(--ui-scale, 1));padding-top:calc(6px * var(--ui-scale, 1));border-top:1px solid var(--border-color);font-size:var(--font-size-value);font-family:var(--font-family-mono);color:var(--text-muted);opacity:.9;word-break:break-all}.sp-console-footer{padding-top:calc(6px * var(--ui-scale, 1));padding-bottom:calc(4px * var(--ui-scale, 1));border-top:1px solid var(--border-color);margin-top:calc(6px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);color:var(--text-muted)}.sp-console-link{color:var(--accent-primary);text-decoration:none}.sp-console-link:hover{text-decoration:underline}.sp-handbook-panel{width:360px;max-height:560px;display:flex;flex-direction:column;background:var(--panel-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(6px * var(--ui-scale, 1));box-shadow:0 8px 32px #0000008c;z-index:9999;font-family:var(--font-family);overflow:hidden}.sp-handbook-header{display:flex;align-items:center;justify-content:space-between;padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:var(--panel-header-bg);border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);font-size:calc(11px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);letter-spacing:.3px;flex-shrink:0}.sp-handbook-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:calc(12px * var(--ui-scale, 1));padding:0 2px;line-height:1;opacity:.6;transition:opacity .12s}.sp-handbook-close:hover{opacity:1}.sp-handbook-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:calc(4px * var(--ui-scale, 1)) 0 0}.sp-handbook-body::-webkit-scrollbar{width:4px}.sp-handbook-body::-webkit-scrollbar-track{background:transparent}.sp-handbook-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sp-handbook-section{padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color)}.sp-handbook-section:last-of-type{border-bottom:none}.sp-handbook-section-title{font-size:calc(9px * var(--ui-scale, 1));font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:calc(7px * var(--ui-scale, 1));opacity:.7}.sp-handbook-hint{font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted);line-height:1.6;margin-bottom:calc(6px * var(--ui-scale, 1))}.sp-handbook-inline-code{font-family:Consolas,Monaco,monospace;font-size:calc(9.5px * var(--ui-scale, 1));background:var(--slider-bg, rgba(255,255,255,.06));padding:1px 4px;border-radius:3px;color:var(--text-main)}.sp-handbook-row{display:flex;align-items:baseline;gap:calc(8px * var(--ui-scale, 1));margin-bottom:calc(5px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted)}.sp-handbook-row:last-child{margin-bottom:0}.sp-handbook-badge{flex-shrink:0;display:inline-block;font-size:calc(9px * var(--ui-scale, 1));font-weight:600;font-family:Consolas,Monaco,monospace;padding:1px 6px;border-radius:3px;border:1px solid}.sp-handbook-badge-green{color:#4ade80;border-color:#4ade8059;background:#4ade8014}.sp-handbook-badge-red{color:#f87171;border-color:#f8717159;background:#f8717114}.sp-handbook-table{width:100%;border-collapse:collapse;font-size:calc(10px * var(--ui-scale, 1))}.sp-handbook-table td{padding:calc(3px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));vertical-align:top;color:var(--text-muted);line-height:1.5}.sp-handbook-table tr:hover td{background:#ffffff06}.sp-handbook-code{font-family:Consolas,Monaco,monospace;font-size:calc(9.5px * var(--ui-scale, 1));color:var(--accent-primary);white-space:nowrap;padding-right:calc(10px * var(--ui-scale, 1))!important;width:1%}.sp-handbook-type{font-family:Consolas,Monaco,monospace;font-size:calc(8.5px * var(--ui-scale, 1));opacity:.55;margin-left:4px}.sp-handbook-pre{margin:calc(4px * var(--ui-scale, 1)) 0;padding:calc(7px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));background:var(--panel-header-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(4px * var(--ui-scale, 1));font-family:Consolas,Monaco,monospace;font-size:calc(9.5px * var(--ui-scale, 1));color:var(--text-muted);white-space:pre;overflow-x:auto;line-height:1.65}.sp-handbook-kbd-cell{width:1%;white-space:nowrap;padding-right:calc(10px * var(--ui-scale, 1))!important}.sp-handbook-kbd{display:inline-block;font-family:var(--font-family);font-size:calc(9px * var(--ui-scale, 1));font-weight:500;padding:1px 5px;border-radius:3px;background:var(--slider-bg, rgba(255,255,255,.06));border:1px solid var(--border-color);color:var(--text-main);white-space:nowrap}.sp-handbook-footer{padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border-top:calc(1px * var(--ui-scale, 1)) solid var(--border-color);text-align:center}.sp-handbook-link{font-size:calc(10px * var(--ui-scale, 1));color:var(--accent-primary);text-decoration:none;opacity:.85;transition:opacity .12s}.sp-handbook-link:hover{opacity:1;text-decoration:underline}.sp-toolbar{position:absolute;bottom:calc(14px * var(--ui-scale, 1));left:calc(14px * var(--ui-scale, 1));right:calc(14px * var(--ui-scale, 1));display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));flex-wrap:wrap}.sp-res-toolbar{position:absolute;top:calc(10px * var(--ui-scale, 1));right:calc(10px * var(--ui-scale, 1));z-index:5;opacity:0;transition:opacity .15s;pointer-events:none}.sp-canvas-pane:hover .sp-res-toolbar{opacity:1;pointer-events:auto}.sp-res-select{height:calc(24px * var(--ui-scale, 1));padding:0 calc(8px * var(--ui-scale, 1));background:#101012c2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:calc(1px * var(--ui-scale, 1)) solid rgba(255,255,255,.1);color:var(--text-muted);border-radius:calc(5px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='rgba(255,255,255,0.35)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(7px * var(--ui-scale, 1)) center;padding-right:calc(22px * var(--ui-scale, 1));transition:border-color .15s,color .15s}.sp-res-select:hover{border-color:var(--border-strong);color:var(--text-main)}.sp-res-select option{background:var(--panel-bg);color:var(--text-main)}.sp-btn{height:calc(27px * var(--ui-scale, 1));display:flex;align-items:center;gap:calc(5px * var(--ui-scale, 1));padding:0 calc(11px * var(--ui-scale, 1));background:var(--surface-overlay-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);color:var(--text-muted);border-radius:calc(5px * var(--ui-scale, 1));cursor:pointer;font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:500;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}.sp-btn:hover{background:var(--surface-raised);border-color:var(--border-strong);color:var(--text-main)}.sp-btn-active{border-color:#ef535080!important;color:#ef5350e6!important}.sp-file{height:calc(27px * var(--ui-scale, 1));display:flex;align-items:center;padding:0 calc(10px * var(--ui-scale, 1));background:var(--surface-overlay-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(5px * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);max-width:calc(180px * var(--ui-scale, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-error-fixed{position:fixed;top:0;left:0;right:0;z-index:100000;padding:calc(10px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));background:#1a0a0afa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:calc(2px * var(--ui-scale, 1)) solid rgba(239,83,80,.6);box-shadow:0 4px 20px #00000080}.sp-error-fixed-inner{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));max-width:min(100%,90vw);margin:0 auto}.sp-error-fixed-icon{flex-shrink:0;color:#ef5350;font-size:calc(18px * var(--ui-scale, 1))}.sp-error-fixed-text{flex:1;font-size:calc(12px * var(--ui-scale, 1));font-family:JetBrains Mono,Consolas,Monaco,monospace;color:#ffc8c8f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-error-fixed-dismiss{flex-shrink:0;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:calc(14px * var(--ui-scale, 1));padding:2px 8px;border-radius:calc(4px * var(--ui-scale, 1))}.sp-error-fixed-dismiss:hover{color:#fff;background:#ef535040}.sp-error{position:absolute;bottom:calc(52px * var(--ui-scale, 1));left:calc(8px * var(--ui-scale, 1));right:calc(8px * var(--ui-scale, 1));background:#1a0a0af7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:calc(6px * var(--ui-scale, 1));border:calc(1px * var(--ui-scale, 1)) solid rgba(239,83,80,.45);font-size:calc(11px * var(--ui-scale, 1));max-height:calc(240px * var(--ui-scale, 1));overflow:hidden;z-index:2;display:flex;flex-direction:column;box-shadow:0 4px 16px #0006}.sp-error-summary{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));color:#ef5350;flex-shrink:0}.sp-error-title{flex:1;font-size:calc(11px * var(--ui-scale, 1));font-weight:600;font-family:var(--font-family)}.sp-error-dismiss{background:none;border:none;color:#fff6;cursor:pointer;font-size:calc(11px * var(--ui-scale, 1));padding:0 2px;line-height:1;border-radius:calc(3px * var(--ui-scale, 1));transition:color .12s}.sp-error-dismiss:hover{color:#ffffffd9}.sp-error-details{overflow:auto;padding:0 calc(10px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border-top:calc(1px * var(--ui-scale, 1)) solid rgba(239,83,80,.18)}.sp-error-details summary{cursor:pointer;font-size:calc(10px * var(--ui-scale, 1));color:#fff6;padding:calc(5px * var(--ui-scale, 1)) 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:4px}.sp-error-details summary:before{content:"▶";font-size:8px;transition:transform .12s}.sp-error-details[open] summary:before{transform:rotate(90deg)}.sp-error-details summary:hover{color:#ffffffb3}.sp-error-pre{margin:0;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:calc(10px * var(--ui-scale, 1));white-space:pre-wrap;word-break:break-all;color:#ffb4b4e6;padding:calc(4px * var(--ui-scale, 1)) 0;-moz-user-select:text;user-select:text;-webkit-user-select:text;cursor:text}.sp-gpu-overlay{position:absolute;top:calc(12px * var(--ui-scale, 1));right:calc(12px * var(--ui-scale, 1));background:var(--panel-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(6px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));min-width:calc(160px * var(--ui-scale, 1));z-index:3;box-shadow:0 4px 12px #0000004d;overflow:hidden}.sp-gpu-section-title{margin-bottom:calc(8px * var(--ui-scale, 1));font-weight:700;font-size:calc(13px * var(--ui-scale, 1));font-family:var(--font-family);color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:calc(6px * var(--ui-scale, 1))}.sp-gpu-row{display:flex;justify-content:space-between;align-items:center;gap:calc(16px * var(--ui-scale, 1));font-size:calc(12px * var(--ui-scale, 1));font-family:Consolas,Monaco,monospace;color:var(--text-muted);line-height:1.6;margin-bottom:calc(4px * var(--ui-scale, 1))}.sp-gpu-row:last-child{margin-bottom:0}.sp-gpu-val{color:var(--text-main);font-weight:600}.sp-gpu-select{background:var(--bg-input, #23262b);color:var(--text-main);border:1px solid var(--border-color);border-radius:3px;padding:1px 4px;font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-mono, monospace);outline:none;cursor:pointer}.sp-gpu-select:focus{border-color:var(--accent-primary)}.sp-gpu-val-small{color:var(--text-muted);font-weight:500;font-size:calc(10px * var(--ui-scale, 1))}.sp-gpu-divider{height:1px;background:var(--border-color);margin:calc(6px * var(--ui-scale, 1)) 0}.sp-gpu-hint{color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);justify-content:center;margin-top:calc(4px * var(--ui-scale, 1));opacity:.8}.sp-gpu-chart{display:block;margin-top:calc(6px * var(--ui-scale, 1));background:var(--slider-bg);border-radius:calc(3px * var(--ui-scale, 1));width:100%;height:calc(40px * var(--ui-scale, 1));color:var(--text-muted)}.sp-gpu-chart polyline{opacity:.9}.sp-recording-dropdown{position:absolute;top:calc(6px * var(--ui-scale, 1));right:calc(212px * var(--ui-scale, 1));width:calc(260px * var(--ui-scale, 1));z-index:300;box-shadow:0 8px 24px #0000008c;animation:spDropDown .12s ease-out}.sp-library-dropdown{width:min(520px,90vw);height:min(540px,70vh);z-index:200;display:flex;flex-direction:column;border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(6px * var(--ui-scale, 1));overflow:hidden;box-shadow:0 8px 24px #00000080;animation:spDropDown .12s ease-out}@keyframes spDropDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.sp-library-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column}.sp-library-panel{position:absolute;inset:0;background:var(--panel-bg);z-index:10;display:flex;flex-direction:column;animation:spFadeIn .1s ease-out}.sp-library-header{display:flex;justify-content:space-between;align-items:center;padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));background:var(--panel-header-bg);border-bottom:calc(1px * var(--ui-scale, 1)) solid var(--border-color);flex-shrink:0}.sp-library-title{font-size:calc(12px * var(--ui-scale, 1));font-weight:600;color:var(--text-main);font-family:var(--font-family)}.sp-library-grid{flex:1;overflow-y:auto;padding:calc(14px * var(--ui-scale, 1));display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(120px * var(--ui-scale, 1)),1fr));gap:calc(10px * var(--ui-scale, 1));align-content:start}.sp-library-empty{grid-column:1 / -1;text-align:center;padding:calc(40px * var(--ui-scale, 1));color:#ffffff40;font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family)}.sp-timeline-panel{height:calc(160px * var(--ui-scale, 1));background:var(--panel-bg);border-top:calc(1px * var(--ui-scale, 1)) solid var(--border-color);flex-shrink:0;overflow:hidden}.sp-texture-slots{display:flex;flex-direction:row;gap:calc(4px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:#0a0a0eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--border-color);overflow-x:auto;flex-shrink:0;scrollbar-width:thin}.sp-tex-slot{position:relative;width:calc(36px * var(--ui-scale, 1));height:calc(36px * var(--ui-scale, 1));border:1px dashed rgba(255,255,255,.2);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;overflow:hidden;transition:border-color .15s}.sp-tex-slot:hover{border-color:var(--accent-primary)}.sp-tex-slot[draggable=true]{cursor:grab}.sp-tex-slot[draggable=true]:active{cursor:grabbing}.sp-tex-slot-drag-over{border-color:var(--accent-primary)!important;border-style:solid!important;background:var(--state-active-bg)}.sp-tex-slot-dragging{opacity:.45;outline:1px dashed var(--state-active-ring)}.sp-tex-slot-filled{border-style:solid;border-color:var(--state-active-ring)}.sp-tex-thumb{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px}.sp-tex-thumb-video{display:flex;align-items:center;justify-content:center;font-size:calc(14px * var(--ui-scale, 1));color:var(--accent-primary);background:var(--state-active-bg);border-radius:3px}.sp-tex-clear{position:absolute;top:1px;right:1px;background:#000000b3;border:none;color:#fff;font-size:calc(8px * var(--ui-scale, 1));line-height:1;padding:1px 3px;border-radius:2px;cursor:pointer;z-index:2;opacity:0;transition:opacity .15s}.sp-tex-slot:hover .sp-tex-clear{opacity:1}.sp-tex-label{font-size:calc(8px * var(--ui-scale, 1));color:#fff6;font-family:Consolas,Monaco,monospace;text-align:center;z-index:1;pointer-events:none;position:absolute;bottom:2px;left:0;right:0}.sp-tex-slot-filled .sp-tex-label{color:#ffffffb3}.sp-tex-empty-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sp-tex-divider{width:1px;height:calc(28px * var(--ui-scale, 1));background:var(--border-color);flex-shrink:0;align-self:center;margin:0 calc(2px * var(--ui-scale, 1));opacity:.6}.sp-audio-base-slot{cursor:default;transition:border-color .15s,width .18s ease,background .15s}.sp-audio-idle{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:none;border:none;cursor:pointer;color:#ffffff47;padding:0 0 calc(10px * var(--ui-scale, 1)) 0;transition:color .15s}.sp-audio-idle:hover{color:var(--accent-primary)}.sp-audio-expanded{width:calc(160px * var(--ui-scale, 1));flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding:0 calc(5px * var(--ui-scale, 1));gap:calc(3px * var(--ui-scale, 1));overflow:hidden}.sp-audio-slot-active{border-style:solid!important;border-color:#81c78459!important;background:#81c7840a}.sp-audio-icn{display:flex;align-items:center;flex-shrink:0;color:#ffffff73}.sp-audio-ctrl{display:flex;align-items:center;justify-content:center;width:var(--control-height-chrome);height:var(--control-height-chrome);flex-shrink:0;background:none;border:none;border-radius:var(--radius-control);cursor:pointer;color:var(--text-muted);padding:0;transition:color .12s,background .12s}.sp-audio-ctrl svg,.sp-transport-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.sp-audio-ctrl:hover{color:var(--text-main);background:var(--tl-control-hover)}.sp-audio-ctrl-active{color:var(--accent-primary)!important}.sp-audio-ctrl-muted{color:var(--color-destructive-alt)!important}.sp-audio-seek{flex:1;min-width:0;height:calc(12px * var(--ui-scale, 1));display:flex;align-items:center;cursor:pointer;position:relative}.sp-audio-seek:before{content:"";position:absolute;left:0;right:0;height:calc(3px * var(--ui-scale, 1));background:#ffffff1a;border-radius:2px}.sp-audio-seek-fill{position:absolute;left:0;width:var(--audio-progress, 0%);height:calc(3px * var(--ui-scale, 1));background:#81c784a6;border-radius:2px;pointer-events:none;transition:width .1s linear}.sp-audio-seek:hover:before{background:#ffffff2e}.sp-audio-seek:hover .sp-audio-seek-fill{background:#81c784e6}.sp-audio-close{display:flex;align-items:center;justify-content:center;width:calc(13px * var(--ui-scale, 1));height:calc(13px * var(--ui-scale, 1));flex-shrink:0;margin-left:auto;background:none;border:none;border-radius:2px;cursor:pointer;color:#ffffff38;font-size:calc(8px * var(--ui-scale, 1));line-height:1;padding:0;transition:color .12s}.sp-audio-close:hover{color:#ffffffbf}.sp-audio-other-inactive{opacity:.25;pointer-events:none}.sp-audio-expanded .sp-tex-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 calc(4px * var(--ui-scale, 1))}.sp-compile-reset{opacity:.7}.sp-compile-reset:hover{opacity:1}.sp-editor-collapse-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:calc(8px * var(--ui-scale, 1));padding:0 calc(5px * var(--ui-scale, 1)) 0 0;line-height:1;flex-shrink:0;opacity:.6;transition:opacity .12s}.sp-editor-collapse-btn:hover{opacity:1}.sp-video-controls{position:absolute;bottom:calc(52px * var(--ui-scale, 1));left:calc(12px * var(--ui-scale, 1));right:calc(12px * var(--ui-scale, 1));z-index:5;display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));min-height:var(--control-height-chrome);background:var(--surface-overlay-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:calc(1px * var(--ui-scale, 1)) solid var(--border-strong);border-radius:var(--radius-md);padding:calc(4px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));opacity:0;pointer-events:none;transition:opacity .2s ease}.sp-canvas-pane:hover .sp-video-controls{opacity:1;pointer-events:auto}.sp-vc-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;width:var(--control-height-chrome);height:var(--control-height-chrome);border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .12s,background .12s}.sp-vc-btn:hover{color:var(--text-main);background:var(--tl-control-hover)}.sp-vc-scrubber{flex:1;height:calc(3px * var(--ui-scale, 1));accent-color:var(--accent-primary);cursor:pointer}.sp-vc-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;border-radius:50%;background:var(--accent-primary);cursor:pointer}.sp-vc-scrubber::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);border:none;cursor:pointer}.sp-vc-time{font-size:var(--font-size-value);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.sp-overwrite-backdrop{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:500}.sp-overwrite-modal{background:var(--panel-bg, #1a1b1e);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(8px * var(--ui-scale, 1));padding:calc(20px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1));min-width:calc(280px * var(--ui-scale, 1));max-width:calc(360px * var(--ui-scale, 1));box-shadow:0 16px 40px #0009;display:flex;flex-direction:column;gap:calc(12px * var(--ui-scale, 1))}.sp-overwrite-title{font-size:calc(14px * var(--ui-scale, 1));font-weight:700;color:var(--text-main);font-family:var(--font-family)}.sp-overwrite-msg{font-size:calc(12px * var(--ui-scale, 1));color:var(--text-muted);font-family:var(--font-family);line-height:1.5}.sp-overwrite-actions{display:flex;gap:calc(8px * var(--ui-scale, 1));justify-content:flex-end}.sp-overwrite-yes,.sp-overwrite-cancel{height:calc(28px * var(--ui-scale, 1));padding:0 calc(14px * var(--ui-scale, 1));border-radius:calc(5px * var(--ui-scale, 1));border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);cursor:pointer;font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:500;transition:background .12s,border-color .12s}.sp-overwrite-yes{background:#ef535026;color:#ef5350e6;border-color:#ef535059}.sp-overwrite-yes:hover{background:#ef535040;border-color:#ef535099}.sp-overwrite-cancel{background:var(--panel-header-bg, rgba(30,31,34,.9));color:var(--text-muted)}.sp-overwrite-cancel:hover{background:#ffffff0f;color:var(--text-main)}.sp-saveframe-panel{position:absolute;top:calc(6px * var(--ui-scale, 1));right:calc(6px * var(--ui-scale, 1));width:calc(200px * var(--ui-scale, 1));background:var(--panel-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);border-radius:calc(6px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1));z-index:300;box-shadow:0 8px 24px #0000008c;display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));animation:spDropDown .12s ease-out}.sp-saveframe-formats{display:flex;gap:calc(6px * var(--ui-scale, 1))}.sp-saveframe-fmt{flex:1;height:calc(26px * var(--ui-scale, 1));background:var(--slider-bg);border:calc(1px * var(--ui-scale, 1)) solid var(--border-color);color:var(--text-muted);border-radius:calc(4px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:600;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}.sp-saveframe-fmt:hover{background:var(--panel-header-hover, rgba(255,255,255,.06));border-color:#fff3;color:var(--text-main)}.sp-saveframe-fmt-active{background:var(--state-active-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.sp-saveframe-quality{display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted);font-family:var(--font-family)}.sp-saveframe-quality input[type=range]{width:100%;accent-color:var(--accent-primary);cursor:pointer}:root.theme-cream .sp-video-controls{background:var(--surface-overlay-card);border-color:var(--border-strong)}:root.theme-cream .sp-vc-btn:hover,:root.theme-cream .sp-audio-ctrl:hover{background:var(--tl-control-hover)}.sp-saveframe-save{height:calc(28px * var(--ui-scale, 1));background:var(--accent-primary);border:none;color:var(--text-on-accent);border-radius:calc(4px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:700;cursor:pointer;transition:opacity .12s}.sp-saveframe-save:hover{opacity:.85}.sp-hidden-media{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1}.sp-workspace--closed{display:none}.sp-floating-anchor{position:fixed;top:var(--float-top, 0);left:var(--float-left, 0);right:auto}.sp-code-pane--sized{width:var(--code-pane-width);flex:0 0 var(--code-pane-width)}.sp-editor-block--vert{flex:0 0 var(--vert-editor-flex, 50%)}.sp-editor-block--vert-collapsed{flex:0 0 auto}.sp-editor-block--frag{flex:1}.sp-editor-block--frag-collapsed{flex:0 0 auto}.sp-compile-btn--end{margin-left:auto}.sp-tex-slot--grab{cursor:grab}.sp-tex-slot--grabbing{cursor:grabbing}.sp-error-icon{flex-shrink:0}.lp-panel{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--panel-bg)}.lp-header{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));background:var(--panel-header-bg, rgba(255,255,255,.03));border-bottom:1px solid var(--border-color);flex-shrink:0}.lp-title{margin:0;font-size:calc(13px * var(--ui-scale, 1));font-weight:600;font-family:var(--font-family);color:var(--text-main);letter-spacing:.02em}.lp-actions,.lp-select-actions{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1))}.lp-actions-sep{width:1px;height:calc(14px * var(--ui-scale, 1));background:var(--border-color);opacity:.6;flex-shrink:0}.lp-btn-text{min-width:auto;padding:0 calc(6px * var(--ui-scale, 1));border:none;font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted)}.lp-btn-text:hover{color:var(--text-main);background:transparent;border:none}.lp-btn{height:calc(26px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1));background:transparent;border:1px solid var(--border-color);border-radius:calc(var(--radius-control, 4px) * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-weight:500;font-family:var(--font-family);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.lp-btn:hover{background:var(--panel-header-hover, rgba(255,255,255,.06));color:var(--text-main);border-color:#ffffff26}.lp-btn-emphasis{color:var(--accent-primary);border-color:var(--state-active-ring)}.lp-btn-emphasis:hover{background:var(--state-active-bg);border-color:var(--state-active-border);color:var(--accent-primary)}.lp-close{width:calc(26px * var(--ui-scale, 1));height:calc(26px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:calc(var(--radius-control, 4px) * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(18px * var(--ui-scale, 1));line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease}.lp-close:hover{background:var(--panel-header-hover);color:var(--text-main)}.lp-toolbar{display:flex;flex-direction:column;gap:calc(8px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));border-bottom:1px solid var(--border-color);flex-shrink:0}.lp-search{width:100%;height:calc(30px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1));background:var(--slider-bg, rgba(255,255,255,.04));border:1px solid var(--border-color);border-radius:calc(var(--radius-control, 4px) * var(--ui-scale, 1));color:var(--text-main);font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family);outline:none;box-sizing:border-box;transition:border-color .15s ease}.lp-search::-moz-placeholder{color:var(--text-muted);opacity:.8}.lp-search::placeholder{color:var(--text-muted);opacity:.8}.lp-search:focus{border-color:var(--state-active-border);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.lp-tags{display:flex;flex-wrap:wrap;gap:calc(4px * var(--ui-scale, 1))}.lp-tag{height:calc(24px * var(--ui-scale, 1));padding:0 calc(10px * var(--ui-scale, 1));background:transparent;border:1px solid var(--border-color);border-radius:calc(12px * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(11px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease;text-transform:capitalize}.lp-tag:hover{color:var(--text-main);border-color:#fff3}.lp-tag-active{background:var(--state-active-bg);border-color:var(--state-active-border);color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.lp-grid{flex:1;overflow-y:auto;padding:calc(8px * var(--ui-scale, 1));display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(72px * var(--ui-scale, 1)),1fr));gap:calc(6px * var(--ui-scale, 1));align-content:start}.lp-grid::-webkit-scrollbar{width:6px}.lp-grid::-webkit-scrollbar-track{background:transparent}.lp-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.lp-empty{grid-column:1 / -1;padding:calc(48px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1));text-align:center;color:var(--text-muted);font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family);line-height:1.5}.lp-card{position:relative;display:flex;flex-direction:column;background:var(--slider-bg, rgba(255,255,255,.04));border:1px solid var(--border-color);border-radius:calc(4px * var(--ui-scale, 1));overflow:hidden;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.lp-card:hover{border-color:#ffffff26;background:#ffffff0f}.lp-card-builtin{border-style:dashed;border-color:#ffffff14}.lp-card-builtin:hover{border-color:#ffffff2e}.lp-card-selected{border-color:var(--state-active-border);background:var(--state-active-bg);box-shadow:inset 0 0 0 1px var(--state-active-ring)}.lp-card-thumb{position:relative;aspect-ratio:1;background:#00000040;display:flex;align-items:center;justify-content:center;overflow:hidden}.lp-card-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;background:#0003}.lp-card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000040;color:#ffffff26;font-size:calc(14px * var(--ui-scale, 1));font-family:var(--font-family)}.lp-card-thumb-placeholder:before{content:"◇";font-size:calc(18px * var(--ui-scale, 1))}.lp-card-check-wrap{position:absolute;top:calc(4px * var(--ui-scale, 1));left:calc(4px * var(--ui-scale, 1));z-index:2;opacity:0;transition:opacity .15s ease;cursor:pointer}.lp-card:hover .lp-card-check-wrap{opacity:1}.lp-card-checkbox{width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.35);border-radius:calc(3px * var(--ui-scale, 1));color:transparent;font-size:calc(9px * var(--ui-scale, 1));font-weight:700;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.lp-card-check-wrap:hover .lp-card-checkbox{border-color:#ffffff80;background:#0009}.lp-card-checkbox-on{background:var(--accent-primary);border-color:var(--accent-primary);color:#000}.lp-card-body{padding:calc(4px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));min-height:calc(20px * var(--ui-scale, 1));display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1));flex-shrink:0}.lp-card-name{font-size:calc(10px * var(--ui-scale, 1));font-weight:500;font-family:var(--font-family);color:var(--text-main);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-context-menu{position:fixed;z-index:5000;min-width:calc(120px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1));background:var(--panel-bg);border:1px solid var(--border-color);border-radius:calc(4px * var(--ui-scale, 1));box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:1px}.lp-context-item{display:block;width:100%;padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));background:transparent;border:none;border-radius:calc(3px * var(--ui-scale, 1));color:var(--text-main);font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family);text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease}.lp-context-item:hover{background:var(--panel-header-hover, rgba(255,255,255,.08))}.lp-context-item-danger:hover{background:#ef535026;color:#ef5350f2}.lp-rename{width:100%;height:calc(18px * var(--ui-scale, 1));padding:0 calc(4px * var(--ui-scale, 1));background:var(--slider-bg);border:1px solid var(--accent-primary);border-radius:calc(3px * var(--ui-scale, 1));color:var(--text-main);font-size:calc(9px * var(--ui-scale, 1));font-family:var(--font-family);outline:none;box-sizing:border-box}.rc-panel{--panel-bg: var(--card);--panel-header-bg: var(--muted);--border-color: var(--border);--text-main: var(--card-foreground);--text-muted: var(--muted-foreground);--accent-primary: var(--foreground);--state-active-bg: color-mix(in srgb, var(--foreground) 10%, transparent);--state-active-ring: color-mix(in srgb, var(--foreground) 28%, transparent);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-2);display:flex;flex-direction:column;gap:var(--gap-2);min-width:0;width:min(17rem,calc(100vw - (2 * var(--overlay-inset))));box-shadow:none;font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--card-foreground)}.rc-panel--embedded{min-width:0;width:100%;border:0;border-radius:0;padding:0;box-shadow:none;background:transparent}.rc-panel--mp4-only{width:min(15rem,calc(100vw - (2 * var(--overlay-inset))))}.rc-panel--mp4-only .rc-settings-grid{grid-template-columns:minmax(0,1fr)}.rc-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2)}.rc-heading-group{display:flex;flex-direction:column;gap:var(--gap-1);min-width:0}.rc-title-row{display:flex;align-items:center;gap:var(--gap-2);flex-wrap:wrap}.rc-title-row--embedded{margin-bottom:var(--gap-2)}.rc-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--card-foreground)}.rc-live-badge{display:inline-flex;align-items:center;justify-content:center;height:calc(18px * var(--ui-scale, 1));padding:0 var(--gap-2);border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-size:var(--font-size-3xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.rc-live-badge-ready{color:var(--foreground);border-color:color-mix(in srgb,var(--foreground) 28%,transparent);background:color-mix(in srgb,var(--foreground) 8%,transparent)}.rc-live-badge-recording,.rc-live-badge-processing{color:var(--destructive);border-color:color-mix(in srgb,var(--destructive) 40%,transparent);background:color-mix(in srgb,var(--destructive) 12%,transparent)}.rc-live-badge-paused{color:var(--muted-foreground);border-color:var(--border);background:var(--muted)}.rc-close{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm);padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);cursor:pointer;font-size:var(--font-size-sm);line-height:1;transition:background var(--motion-duration-micro) var(--motion-ease-out),color var(--motion-duration-micro) var(--motion-ease-out)}.rc-close:hover{background:var(--muted);color:var(--foreground)}.rc-unsupported{color:var(--muted-foreground);font-size:var(--font-size-xs);padding:var(--gap-2) var(--gap-3);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-lg)}.rc-stack{display:flex;flex-direction:column;gap:var(--gap-2)}.rc-rule{height:1px;background:var(--border)}.rc-section{display:flex;flex-direction:column;gap:var(--gap-2);padding:0;border:none;background:transparent}.rc-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-2)}.rc-section-title{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--card-foreground)}.rc-section-copy{margin:var(--gap-1) 0 0;color:var(--muted-foreground);line-height:1.4;font-size:var(--font-size-2xs)}.rc-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-2);align-items:end}.rc-field{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-1);color:var(--muted-foreground);min-width:0}.rc-field .custom-dropdown{width:100%;min-width:0}.rc-field .custom-dropdown-trigger,.rc-field .custom-dropdown-value{min-width:0}.rc-field-label{color:var(--card-foreground);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs)}.rc-field-static{display:inline-flex;align-items:center;min-height:var(--mode-tab-height);padding:0 var(--gap-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--muted);color:var(--card-foreground);font-size:var(--font-size-xs)}.rc-field select{background:var(--muted);border:1px solid var(--border);color:var(--card-foreground);border-radius:var(--radius-sm);padding:var(--gap-1) var(--gap-2);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer}.rc-mode-toggle{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted)}.rc-mode-btn{border:none;background:transparent;color:var(--muted-foreground);min-height:var(--control-height-sm);padding:0 var(--control-padding-x);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer}.rc-mode-btn.active{background:color-mix(in srgb,var(--foreground) 10%,transparent);color:var(--foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foreground) 28%,transparent)}.rc-mode-btn--locked,.rc-mode-btn:disabled{opacity:.55;cursor:not-allowed}.rc-offscreen-note{margin:0;font-size:var(--font-size-2xs);line-height:1.45;color:var(--muted-foreground)}.rc-status{display:flex;align-items:center;gap:var(--gap-2);padding:0}.rc-status-copy{display:flex;flex-direction:column;gap:1px}.rc-status-label{color:var(--muted-foreground);font-size:var(--font-size-2xs)}.rc-dot{width:var(--gap-2);height:var(--gap-2);border-radius:var(--radius-full);flex-shrink:0;box-shadow:none}.rc-dot-rec{background:var(--destructive);animation:rc-blink 1.2s ease-in-out infinite}.rc-dot-pause{background:var(--muted-foreground)}@keyframes rc-blink{0%,to{opacity:1}50%{opacity:.25}}.rc-elapsed{font-variant-numeric:tabular-nums;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--card-foreground);letter-spacing:.02em}.rc-controls{display:flex;gap:var(--gap-2);flex-wrap:wrap}.rc-controls-idle{justify-content:stretch}.rc-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--mode-tab-height);padding:0 var(--gap-2);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--card-foreground);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--motion-duration-micro) var(--motion-ease-out),border-color var(--motion-duration-micro) var(--motion-ease-out)}.rc-btn:hover{background:var(--muted);border-color:var(--border)}.rc-btn:active{transform:none}.rc-btn-primary{flex:1 1 auto;justify-content:center;background:var(--muted);border-color:var(--border);color:var(--card-foreground)}.rc-btn-primary:hover{background:color-mix(in srgb,var(--foreground) 10%,var(--muted));border-color:var(--border)}.rc-btn-rec{background:color-mix(in srgb,var(--destructive) 14%,transparent);border-color:color-mix(in srgb,var(--destructive) 45%,transparent);color:var(--destructive);font-weight:var(--font-weight-semibold)}.rc-btn-rec:hover{background:color-mix(in srgb,var(--destructive) 22%,transparent)}.rc-btn-stop{border-color:var(--border);color:var(--card-foreground)}.rc-btn-stop:hover{background:var(--muted)}.rc-btn-pause{border-color:color-mix(in srgb,var(--foreground) 28%,var(--border));color:var(--card-foreground)}.rc-btn-pause:hover{background:color-mix(in srgb,var(--foreground) 8%,transparent)}.rc-btn-abort{background:none;border-color:var(--border);color:var(--muted-foreground)}.rc-btn-accent{background:var(--foreground);color:var(--background);border-color:transparent;font-weight:var(--font-weight-semibold)}.rc-btn-accent:hover{opacity:.9}.rc-preview{display:flex;flex-direction:column;gap:var(--gap-2);border-top:1px solid var(--border);padding-top:var(--gap-2)}.rc-video{width:100%;max-height:calc(164px * var(--ui-scale, 1));background:var(--background);border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain;border:1px solid var(--border)}.rc-preview-actions{display:flex;gap:var(--gap-2);flex-wrap:wrap}.rc-offscreen-info{background:var(--muted);border-color:var(--border);color:var(--muted-foreground)}.rc-timeline-note{padding:0;background:transparent;border:none;border-radius:0;color:var(--muted-foreground);font-size:var(--font-size-2xs);line-height:1.45}.rc-hint{font-size:var(--font-size-2xs);color:var(--muted-foreground);line-height:1.45;padding:var(--gap-2);background:var(--muted);border-radius:var(--radius-md);border:1px solid var(--border)}.rc-offscreen-summary{display:flex;flex-direction:column;gap:var(--gap-2);padding-top:var(--gap-1)}.rc-info-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--gap-2)}.rc-info-key{font-size:var(--font-size-xs);color:var(--muted-foreground);flex-shrink:0}.rc-info-val{font-size:var(--font-size-xs);color:var(--card-foreground);font-variant-numeric:tabular-nums;text-align:right}.rc-offscreen-progress{display:flex;flex-direction:column;gap:var(--gap-2)}.rc-offscreen-phase{font-size:var(--font-size-xs);color:var(--muted-foreground);font-family:var(--font-family);line-height:1.4}.rc-progress-percent{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--card-foreground);font-variant-numeric:tabular-nums}.rc-progress-bar{height:var(--slider-track-height);background:var(--muted);border-radius:var(--radius-full);overflow:hidden}.rc-progress-fill{height:100%;background:var(--foreground);border-radius:var(--radius-full);transition:width var(--motion-duration-micro) linear}.rc-message{padding:var(--gap-2);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--card-foreground);line-height:1.45;font-size:var(--font-size-xs)}.rc-message-success{border-color:color-mix(in srgb,var(--foreground) 28%,transparent);background:color-mix(in srgb,var(--foreground) 6%,transparent);color:var(--card-foreground)}.rc-message-error{border-color:color-mix(in srgb,var(--destructive) 35%,transparent);background:color-mix(in srgb,var(--destructive) 8%,transparent);color:var(--destructive)}.rc-message-neutral{border-color:var(--border);background:transparent;color:var(--card-foreground)}.tl3-panel{display:flex;flex-direction:column;background:var(--panel-bg);border-top:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-family);font-size:calc(11px * var(--ui-scale, 1));overflow:hidden;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tl3-header{display:flex;align-items:center;height:var(--timeline-header-height);min-height:var(--timeline-header-height);padding:0 calc(8px * var(--ui-scale, 1));gap:calc(4px * var(--ui-scale, 1));background:var(--panel-header-bg, var(--panel-bg));border-bottom:1px solid var(--border-color);color:var(--text-main);flex-shrink:0}.tl3-collapse{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(20px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));min-width:calc(20px * var(--ui-scale, 1));min-height:calc(20px * var(--ui-scale, 1))}.tl3-collapse svg,.tl3-header-icon{display:block;width:calc(10px * var(--ui-scale, 1));height:calc(10px * var(--ui-scale, 1));min-width:calc(10px * var(--ui-scale, 1));min-height:calc(10px * var(--ui-scale, 1));flex-shrink:0}.tl3-transport{display:flex;align-items:center;gap:calc(1px * var(--ui-scale, 1));margin:0 auto}.tl3-body{display:flex;flex-direction:column;overflow:hidden;min-height:0}.tl3-columns{display:flex;flex:1;min-height:0;overflow:hidden}.tl3-labels-col{width:calc(136px * var(--ui-scale, 1));flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--tl-labels-bg)}.tl3-type-dot{width:calc(6px * var(--ui-scale, 1));height:calc(6px * var(--ui-scale, 1));border-radius:50%;flex-shrink:0;opacity:.85}.tl3-clear:hover{color:#ef5350}.tl3-ruler-curved{padding:0}.tl3-ruler-inner{position:relative;height:100%;margin-left:44px;margin-right:10px;box-sizing:border-box}.tl3-track-needle{position:absolute;top:0;bottom:0;width:1px;background:#4fc3f759;transform:translate(-.5px);pointer-events:none;z-index:2;will-change:left}.tl3-ease-editor{border-top:1px solid var(--border-color);background:var(--tl-ease-editor-bg);padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));flex-shrink:0}.tl3-ease-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(8px * var(--ui-scale, 1))}.tl3-ease-title{font-size:calc(9px * var(--ui-scale, 1));font-weight:700;letter-spacing:.1em;color:var(--tl-graph-text-muted);text-transform:uppercase}.tl3-ease-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(2px * var(--ui-scale, 1));display:flex;align-items:center;border-radius:3px;transition:color .1s,background .1s}.tl3-ease-close:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-ease-opts{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(4px * var(--ui-scale, 1))}.tl3-ease-opt{display:flex;flex-direction:column;align-items:center;gap:calc(3px * var(--ui-scale, 1));background:var(--tl-input-bg);border:1px solid var(--border-color);border-radius:4px;padding:calc(5px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));cursor:pointer;transition:background .1s,border-color .1s}.tl3-ease-opt:hover{background:#4fc3f714;border-color:#4fc3f740}.tl3-ease-opt-active{background:#4fc3f71f!important;border-color:#4fc3f780!important}.tl3-ease-thumb{width:calc(40px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));display:block}.tl3-ease-lbl{font-size:calc(8px * var(--ui-scale, 1));color:var(--tl-graph-text-muted);white-space:nowrap;pointer-events:none}.tl3-ease-opt-active .tl3-ease-lbl{color:#4fc3f7cc}.tl3-bezier-editor{margin-top:calc(10px * var(--ui-scale, 1));border-top:1px solid var(--border-color);padding-top:calc(8px * var(--ui-scale, 1))}.tl3-bezier-canvas{display:block;width:100%;aspect-ratio:1;background:var(--tl-graph-bg);border:1px solid var(--border-color);border-radius:4px;margin-bottom:calc(8px * var(--ui-scale, 1));cursor:default;touch-action:none}.tl3-bezier-vals{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:calc(4px * var(--ui-scale, 1))}.tl3-bezier-val{display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1))}.tl3-bezier-lbl{font-size:calc(8px * var(--ui-scale, 1));color:var(--tl-graph-text-muted);text-align:center;font-weight:600;letter-spacing:.04em}.tl3-bezier-input{width:100%;background:var(--tl-input-bg);border:1px solid var(--border-color);border-radius:3px;color:var(--text-main);font-size:calc(10px * var(--ui-scale, 1));font-family:Consolas,Courier New,monospace;padding:calc(3px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));outline:none;box-sizing:border-box;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .1s}.tl3-bezier-input::-webkit-inner-spin-button,.tl3-bezier-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tl3-bezier-input:focus{border-color:#4fc3f780;background:#4fc3f70f}.tl3-snap-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}.tl3-ctx-menu{position:fixed;background:var(--panel-header-bg, var(--panel-bg));border:1px solid var(--border-color);border-radius:5px;padding:calc(3px * var(--ui-scale, 1)) 0;z-index:9999;min-width:calc(140px * var(--ui-scale, 1));box-shadow:0 6px 20px #00000073;font-family:var(--font-family)}.tl3-ctx-item-danger{color:#ef5350cc}.tl3-ctx-item-danger:hover{background:#ef53501a;color:#ef5350}.tl3-curve-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.tl3-graph-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:calc(8px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--tl-graph-toolbar-bg)}.tl3-graph-channels{display:flex;align-items:center;flex-wrap:wrap;gap:calc(2px * var(--ui-scale, 1))}.tl3-graph-channel{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:var(--tl-input-bg);border:1px solid transparent;border-radius:3px;color:var(--tl-graph-text);font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.tl3-graph-channel:hover{background:var(--tl-control-hover);color:var(--text-main)}.tl3-graph-channel-active{background:var(--state-active-bg)!important;border-color:var(--state-active-ring)!important;color:var(--accent-primary)!important}.tl3-graph-channel-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tl3-graph-channel-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl3-graph-actions{display:flex;align-items:center;flex-wrap:wrap;gap:calc(4px * var(--ui-scale, 1));margin-left:auto}.tl3-graph-interp-label{font-size:calc(9px * var(--ui-scale, 1));color:var(--tl-graph-text-muted);margin-right:calc(4px * var(--ui-scale, 1));text-transform:uppercase;letter-spacing:.05em}.tl3-graph-frame-all{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:var(--tl-control-hover);border:1px solid var(--border-color);border-radius:3px;color:var(--text-main);font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);cursor:pointer;transition:background .12s,border-color .12s}.tl3-graph-frame-all:hover{background:#4fc3f726;border-color:#4fc3f74d}.tl3-graph-empty{display:flex;align-items:center;justify-content:center;flex:1;min-height:120px;padding:20px;color:var(--text-muted);font-size:calc(12px * var(--ui-scale, 1));font-family:var(--font-family);text-align:center}.tl3-graph-placeholder{width:100%;height:100%;min-height:60px}.tl3-ease-presets{display:flex;align-items:center;flex-wrap:wrap;gap:calc(3px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--tl-overlay-subtle)}.tl3-ease-pre{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));background:none;border:1px solid transparent;border-radius:3px;color:var(--tl-graph-text-muted);cursor:pointer;padding:calc(2px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1));font-size:calc(9px * var(--ui-scale, 1));font-family:var(--font-family);transition:color .1s,background .1s,border-color .1s}.tl3-ease-pre:disabled{opacity:.2;cursor:default;pointer-events:none}.tl3-ease-pre:not(:disabled):hover{color:var(--text-main);background:var(--tl-tab-active-bg);border-color:var(--border-color)}.tl3-ease-pre-active{color:var(--accent-primary, var(--accent-primary))!important;border-color:#4fc3f74d!important;background:#4fc3f70f!important}.tl3-ease-pre-icon{width:calc(24px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1));display:block;flex-shrink:0}.tl3-ease-pre-lbl{font-size:calc(9px * var(--ui-scale, 1));color:inherit;pointer-events:none;white-space:nowrap}.tl3-curve-wrap{flex:1;min-height:0;min-width:120px;overflow:hidden;position:relative;touch-action:none;background:var(--tl-graph-bg)}.tl3-curve-svg{display:block;touch-action:none}.tl3-tangent-line{stroke:var(--tl-tangent-stroke);stroke-width:1}.tl3-tangent-handle{fill:var(--panel-bg, #1a2030);stroke-width:1;pointer-events:none}.tl3-tangent-group:hover .tl3-tangent-line{stroke:var(--tl-kf-ring)}.tl3-tangent-group:hover .tl3-tangent-handle{stroke-width:1.5}.update-notification{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);z-index:10000;display:flex;align-items:flex-start;gap:var(--spacing-sm);box-sizing:border-box;width:min(calc(300px * var(--ui-scale, 1)),calc(100vw - 2 * var(--spacing-md, 16px)));max-width:min(calc(300px * var(--ui-scale, 1)),calc(100vw - 2 * var(--spacing-md, 16px)));overflow:hidden;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-control);padding:calc(10px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.update-notification-close{background:transparent;border:none;color:var(--text-muted);font-size:calc(16px * var(--ui-scale, 1));line-height:1;width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease;flex-shrink:0;margin-top:calc(1px * var(--ui-scale, 1))}.update-notification-close:hover{color:var(--text-main)}.update-notification-content{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1))}.update-notification-title{margin:0;padding:0;font-size:var(--font-size-label);font-weight:600;color:var(--text-main);line-height:1.35;white-space:normal;overflow-wrap:anywhere}.update-notification-version{margin:0;padding:0;font-size:var(--font-size-value);color:var(--text-muted);line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.update-progress-track{width:100%;height:calc(4px * var(--ui-scale, 1));background:var(--accent-empty);border-radius:calc(2px * var(--ui-scale, 1));overflow:hidden}.update-progress-bar{height:100%;background:var(--text-main);border-radius:calc(2px * var(--ui-scale, 1));transition:width .15s ease}.update-notification-button{background:var(--accent-empty);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-control);padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:var(--font-size-value);font-weight:400;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.update-notification-button:hover{background:var(--panel-header-bg);border-color:#ffffff26}.update-notification-button:active{transform:scale(.98)}.update-notification-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.theme-cream .update-notification{background:var(--panel-bg);border-color:var(--border-color)}.theme-cream .update-notification-button{background:var(--accent-empty);border-color:var(--border-color)}.theme-cream .update-notification-button:hover{background:var(--panel-header-bg)}.kt-workspace{position:fixed;inset:0;top:calc(40px * var(--ui-scale, 1));background-color:var(--app-bg);display:flex;flex-direction:column;z-index:90;animation:kt-fade-in .15s ease forwards}.kt-body{display:flex;flex:1;min-height:0;overflow:hidden}@keyframes kt-fade-in{0%{opacity:0}to{opacity:1}}.kt-canvas-area{flex:1;position:relative;background-color:var(--canvas-bg);overflow:hidden;min-width:0;display:flex;align-items:center;justify-content:center}.kt-canvas-area--dragging{cursor:grabbing}.kt-artboard{flex-shrink:0;transform-origin:center center;will-change:transform}.kt-canvas{display:block;width:100%;height:100%;outline:1px solid var(--border-color)}.kt-panel-wrapper{position:relative!important;grid-column:unset!important;grid-row:unset!important;flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.kt-panel-wrapper::-webkit-scrollbar{display:none}.kt-workspace.kt-workspace--v2{position:absolute;inset:0;z-index:1;background-color:transparent;animation:none}.kt-workspace--v2 .kt-body{height:100%}.kt-workspace--v2 .kt-v2-settings-slot{position:absolute;top:var(--overlay-inset);right:var(--overlay-inset);bottom:calc(var(--kt-timeline-clearance, 0px) + var(--overlay-inset));z-index:20;width:var(--sidebar-width);pointer-events:none;display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-3);overflow-x:hidden;overflow-y:auto;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.kt-workspace--v2 .kt-v2-settings-slot::-webkit-scrollbar{display:none}.kt-workspace--v2 .kt-timeline-slot{position:relative;z-index:30;flex-shrink:0}.kt-panel-wrapper .unified-panel,.kt-panel-wrapper .unified-panel-inner{border-radius:0!important}.kt-text-field{width:100%!important;box-sizing:border-box}.kt-export-btn{width:100%;height:calc(32px * var(--ui-scale, 1));background-color:var(--slider-bg);border:1px solid var(--border-color);border-radius:calc(var(--radius-control) * var(--ui-scale, 1));color:var(--text-main);font-family:var(--font-family);font-size:calc(12px * var(--ui-scale, 1));font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:calc(6px * var(--ui-scale, 1));transition:background-color .15s ease}.kt-export-btn:hover{background-color:var(--panel-header-hover)}.kt-export-btn:active{transform:scale(.98)}.top-bar-kinetic-group{display:flex;align-items:center;position:relative;margin-right:calc(8px * var(--ui-scale, 1));background-color:var(--slider-bg);border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.top-bar-kinetic-group .top-bar-kinetic-btn{width:calc(32px * var(--ui-scale, 1));min-width:calc(32px * var(--ui-scale, 1));padding:0;border-radius:calc(var(--radius-control) * var(--ui-scale, 1))}.kt-panel-wrapper .up-toggle-label-text.active{color:var(--theme-toggle-active-text);font-weight:500}:root.theme-cream .kt-panel-wrapper .up-toggle-label-text.active{color:var(--text-main);font-weight:500}.model-button.active{background-color:var(--state-active-bg)!important;box-shadow:inset 0 0 0 1px var(--state-active-ring)!important}.model-button.active .model-label{color:var(--text-main);font-weight:500}:root.theme-cream .model-button.active{background-color:var(--state-active-bg)!important;box-shadow:inset 0 0 0 1px var(--state-active-ring)!important}.bce{--bce-color: var(--foreground);--bce-path-width: 2.25;--bce-axis-color: color-mix(in srgb, var(--foreground) 28%, transparent);--bce-axis-width: 1.5;--bce-tether-width: 1.25;--bce-tether-dash: 3 2;display:flex;flex-direction:column;gap:var(--gap-1);width:100%;min-width:0;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.bce--disabled{opacity:.45;pointer-events:none}.bce__svg{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in srgb,var(--foreground) 3%,var(--card));overflow:hidden}.bce__frame{fill:color-mix(in srgb,var(--foreground) 2.5%,transparent);stroke:color-mix(in srgb,var(--foreground) 12%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.bce__guide{stroke:color-mix(in srgb,var(--foreground) 8%,transparent);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke;pointer-events:none}.bce__axis{stroke:var(--bce-axis-color);stroke-width:var(--bce-axis-width);stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.bce__tether{stroke:color-mix(in srgb,var(--bce-color) 45%,transparent);stroke-width:var(--bce-tether-width);stroke-dasharray:var(--bce-tether-dash);stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.bce__curve{stroke:var(--bce-color);stroke-width:var(--bce-path-width);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.bce__home{fill:var(--card);stroke:color-mix(in srgb,var(--bce-color) 55%,transparent);stroke-width:1.25;vector-effect:non-scaling-stroke;cursor:pointer}.bce__home:hover{stroke:var(--bce-color)}.bce__hit{fill:transparent;cursor:grab;outline:none}.bce__hit:active{cursor:grabbing}.bce__hit-debug{fill:color-mix(in srgb,var(--destructive) 18%,transparent);stroke:color-mix(in srgb,var(--destructive) 50%,transparent);stroke-width:1;pointer-events:none}.bce__knob{fill:var(--card);stroke:var(--bce-color);stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none;transition:stroke-width var(--motion-duration-micro) var(--motion-ease-out)}.bce__handle--focus .bce__knob{stroke-width:2.25}.bce__handle--focus .bce__hit{stroke:color-mix(in srgb,var(--ring) 70%,transparent);stroke-width:1.5}.bce__readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-1);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);line-height:1.2;color:var(--muted-foreground);text-align:center;letter-spacing:.02em}.bce__readout span{min-width:0;overflow:hidden;text-overflow:ellipsis}.tl3-panel{--panel-bg: var(--card);--panel-header-bg: var(--muted);--border-color: var(--border);--text-main: var(--card-foreground);--text-muted: var(--muted-foreground);--accent-primary: var(--foreground);--text-on-accent: var(--background);--state-active-bg: color-mix(in srgb, var(--foreground) 10%, transparent);--state-active-ring: color-mix(in srgb, var(--foreground) 28%, transparent);--color-transport-pause: var(--muted-foreground);--radius-control: var(--radius-sm);--control-height-chrome: var(--mode-tab-height);--tl-labels-bg: color-mix(in srgb, var(--foreground) 4%, var(--card));--tl-ruler-bg: color-mix(in srgb, var(--foreground) 6%, var(--card));--tl-strips-bg: var(--card);--tl-grid-line: color-mix(in srgb, var(--foreground) 10%, transparent);--tl-grid-line-major: color-mix(in srgb, var(--foreground) 18%, transparent);--tl-grid-label: var(--muted-foreground);--tl-strip-border: var(--border);--tl-row-hover: color-mix(in srgb, var(--foreground) 4%, transparent);--tl-tab-active-bg: color-mix(in srgb, var(--foreground) 6%, transparent);--tl-graph-toolbar-bg: color-mix(in srgb, var(--foreground) 4%, var(--card));--tl-graph-bg: color-mix(in srgb, var(--foreground) 3%, var(--card));--tl-graph-text-muted: var(--muted-foreground);--tl-kf-ring: color-mix(in srgb, var(--foreground) 55%, transparent);--tl-kf-sel-border: var(--foreground);--tl-input-bg: var(--muted);--tl-control-hover: color-mix(in srgb, var(--foreground) 6%, transparent);display:flex;flex-direction:column;width:100%;min-width:0;background:var(--card);border-top:1px solid var(--border);color:var(--card-foreground);font-family:var(--font-family);font-size:var(--font-size-xs);overflow:hidden;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tl3-panel--disabled{pointer-events:none;opacity:.5}.tl3-resize{height:3px;cursor:ns-resize;background:transparent;flex-shrink:0;transition:background .1s}.tl3-resize:hover,.tl3-resize:active{background:var(--accent-primary, var(--accent-primary))}.tl3-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:var(--timeline-header-height);min-height:var(--timeline-header-height);padding:0 calc(8px * var(--ui-scale, 1));-moz-column-gap:calc(4px * var(--ui-scale, 1));column-gap:calc(4px * var(--ui-scale, 1));background:var(--panel-header-bg, var(--panel-bg));border-bottom:1px solid var(--border-color);color:var(--text-main);flex-shrink:0}.tl3-header-leading,.tl3-header-trailing{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));min-width:0}.tl3-header-trailing{justify-content:flex-end}.tl3-collapse{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(2px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tl3-collapse:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-collapse svg,.tl3-header-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.tl3-transport{display:flex;align-items:center;gap:calc(1px * var(--ui-scale, 1));margin:0;justify-self:center}.tl3-tbtn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(3px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;transition:color .1s,background .1s;line-height:1}.tl3-tbtn svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.tl3-tbtn:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-tbtn-play{color:var(--accent-primary)!important}.tl3-tbtn-pause{color:var(--color-transport-pause)!important}.tl3-time{font-variant-numeric:tabular-nums;font-size:calc(11px * var(--ui-scale, 1));font-weight:600;color:var(--text-main)!important;margin-left:calc(6px * var(--ui-scale, 1));white-space:nowrap}.tl3-sep{color:var(--text-muted)!important;font-size:calc(10px * var(--ui-scale, 1));margin:0 calc(2px * var(--ui-scale, 1))}.tl3-dur{font-variant-numeric:tabular-nums;font-size:calc(10px * var(--ui-scale, 1));color:var(--text-muted)!important;white-space:nowrap}.tl3-header-right{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));margin-left:calc(6px * var(--ui-scale, 1));flex-shrink:0}.tl3-dur-label{display:flex;align-items:center;gap:calc(2px * var(--ui-scale, 1));color:var(--text-muted)}.tl3-dur-input{width:calc(38px * var(--ui-scale, 1));height:var(--control-height-chrome);background:var(--tl-input-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:3px;padding:0 calc(4px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;outline:none}.tl3-dur-input::-webkit-inner-spin-button,.tl3-dur-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tl3-dur-input:focus{border-color:var(--accent-primary, var(--accent-primary))}.tl3-dur-unit{font-size:calc(10px * var(--ui-scale, 1))}.tl3-icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(2px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));border-radius:3px;display:flex;align-items:center;justify-content:center;transition:color .1s,background .1s}.tl3-icon-btn:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-icon-btn-active{color:var(--accent-primary, var(--accent-primary))!important}.tl3-body{display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0;width:100%}.tl3-columns{display:flex;flex:1;min-height:0;min-width:0;width:100%;overflow:hidden}.tl3-labels-col{width:var(--timeline-labels-width);min-width:0;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--tl-labels-bg)}.tl3-labels-ruler-spacer{height:var(--timeline-ruler-height);flex-shrink:0;border-bottom:1px solid var(--border-color)}.tl3-labels-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.tl3-labels-scroll::-webkit-scrollbar{display:none}.tl3-track-label{display:flex;align-items:center;height:calc(26px * var(--ui-scale, 1));padding:0 calc(6px * var(--ui-scale, 1));gap:calc(5px * var(--ui-scale, 1));border-bottom:1px solid var(--tl-strip-border)}.tl3-track-label:hover{background:var(--tl-row-hover)}.tl3-track-label-curved{cursor:pointer}.tl3-track-label-curved:hover,.tl3-track-label-curved.tl3-track-label-active{background:var(--tl-control-hover)}.tl3-type-dot{width:var(--signals-bind-dot);height:var(--signals-bind-dot);border-radius:50%;flex-shrink:0;opacity:.85;box-shadow:0 0 0 1px var(--card)}.tl3-type-dot--muted{background:color-mix(in srgb,var(--foreground) 22%,transparent);opacity:.45}.tl3-track-label-idle .tl3-track-name{color:var(--text-muted);opacity:.7}.tl3-track-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(10px * var(--ui-scale, 1));color:var(--text-main)}.tl3-add-kf,.tl3-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:calc(1px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));font-size:calc(9px * var(--ui-scale, 1));border-radius:2px;flex-shrink:0;line-height:1}.tl3-add-kf:hover{color:var(--accent-primary, var(--accent-primary))}.tl3-clear:hover{color:var(--destructive)}.tl3-empty{padding:calc(12px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));color:var(--text-muted);font-size:calc(10px * var(--ui-scale, 1));text-align:center;line-height:1.5}.tl3-strips-col{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.tl3-marquee{position:absolute;pointer-events:none;z-index:20;background:var(--state-active-bg);border:1px dashed var(--state-active-ring);border-radius:1px}.tl3-strips-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:var(--tl-strips-bg)}.tl3-strips-scroll::-webkit-scrollbar{display:none}.tl3-ruler{position:relative;height:var(--timeline-ruler-height);background:var(--tl-ruler-bg);border-bottom:1px solid var(--border-color);cursor:col-resize;overflow:hidden;flex-shrink:0}.tl3-grid-layer{position:absolute;inset:0;pointer-events:none}.tl3-grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--tl-grid-line);transform:translate(-50%)}.tl3-grid-line-major{width:1px;background:var(--tl-grid-line-major)}.tl3-grid-label{position:absolute;top:calc(3px * var(--ui-scale, 1));left:calc(3px * var(--ui-scale, 1));font-size:calc(8px * var(--ui-scale, 1));font-weight:600;color:var(--tl-grid-label);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.tl3-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-primary, var(--accent-primary));transform:translate(-1px);pointer-events:none;z-index:4;will-change:left}.tl3-ruler .tl3-playhead:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--accent-primary, var(--accent-primary))}.tl3-track-strip{position:relative;height:calc(26px * var(--ui-scale, 1));border-bottom:1px solid var(--tl-strip-border);overflow:hidden;cursor:crosshair}.tl3-track-strip:hover{background:var(--tl-row-hover)}.tl3-track-needle{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--foreground) 35%,transparent);transform:translate(-.5px);pointer-events:none;z-index:2;will-change:left}.tl3-kf-seg{position:absolute;top:calc(50% - 1px);height:2px;background:color-mix(in srgb,var(--seg-color, var(--accent-primary)) 25%,transparent);pointer-events:none}.tl3-kf{position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:calc(7px * var(--ui-scale, 1));height:calc(7px * var(--ui-scale, 1));background:var(--kf-color, var(--accent-primary));border:1px solid var(--tl-kf-ring);cursor:grab;z-index:3;transition:transform .08s,border-color .08s}.tl3-kf:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.35);border-color:var(--tl-kf-sel-border)}.tl3-kf-sel{transform:translate(-50%,-50%) rotate(45deg) scale(1.25);border:2px solid var(--tl-kf-sel-border);z-index:4}.tl3-kf-drag{cursor:grabbing;background:var(--text-on-accent);border-color:var(--kf-color, var(--accent-primary));transform:translate(-50%,-50%) rotate(45deg) scale(1.4);z-index:5;transition:none}.tl3-tabs{display:flex;align-items:center;gap:calc(2px * var(--ui-scale, 1));margin-right:calc(8px * var(--ui-scale, 1));flex-shrink:0}.tl3-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted)!important;cursor:pointer;padding:calc(2px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));border-radius:3px 3px 0 0;font-size:calc(10px * var(--ui-scale, 1));font-family:var(--font-family);font-weight:500;letter-spacing:.03em;transition:color .12s,border-color .12s,background .12s;white-space:nowrap}.tl3-tab:hover{color:var(--text-main);background:var(--tl-tab-active-bg)}.tl3-tab-active{color:var(--text-main)!important;background:var(--tl-tab-active-bg)!important;font-weight:600;border-bottom-color:var(--accent-primary, var(--accent-primary))!important}.tl3-snap-btn svg,.tl3-snap-btn .tl3-header-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.tl3-snap-btn{display:flex;align-items:center;justify-content:center;width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));padding:0;margin-right:calc(4px * var(--ui-scale, 1));background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:color .12s,background .12s}.tl3-snap-btn:hover{color:var(--text-main);background:var(--tl-control-hover)}.tl3-snap-btn.tl3-snap-on{color:var(--accent-primary, var(--accent-primary))}.tl3-ctx-menu{position:fixed;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:calc(3px * var(--ui-scale, 1)) 0;z-index:var(--z-popover);min-width:calc(140px * var(--ui-scale, 1));font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--card-foreground)}.tl3-ctx-item{display:block;width:100%;background:none;border:none;color:var(--text-main);cursor:pointer;padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));text-align:left;font-size:calc(11px * var(--ui-scale, 1));font-family:inherit;white-space:nowrap;transition:background .1s}.tl3-ctx-item:hover{background:var(--tl-control-hover)}.tl3-ctx-item-danger{color:var(--destructive)}.tl3-ctx-item-danger:hover{background:color-mix(in srgb,var(--destructive) 10%,transparent);color:var(--destructive)}.tl3-ctx-sep{height:1px;background:var(--border-color);margin:calc(3px * var(--ui-scale, 1)) 0}.tl3-curve-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:var(--tl-graph-bg)}.tl3-graph-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2);padding:var(--gap-1) var(--gap-2);background:var(--tl-graph-toolbar-bg);border-bottom:1px solid var(--border);flex-shrink:0;min-height:var(--control-height-sm);min-width:0}.tl3-graph-toolbar-main{display:flex;align-items:center;gap:var(--gap-2);min-width:0;flex:1}.tl3-graph-channel{display:inline-flex;align-items:center;gap:var(--gap-1);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);white-space:nowrap;max-width:8rem;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.tl3-ease-channel-dot{width:var(--icon-size-xs);height:var(--icon-size-xs);border-radius:50%;flex-shrink:0}.tl3-ease-group{display:inline-flex;align-items:center;gap:1px;padding:2px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--foreground) 6%,transparent);border:1px solid var(--border);flex-shrink:1;min-width:0;overflow-x:auto;scrollbar-width:none}.tl3-ease-group::-webkit-scrollbar{display:none}.tl3-header-icon,.tl3-tbtn-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);flex-shrink:0}.tl3-tbtn-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.tl3-ease-pre{display:flex;align-items:center;justify-content:center;width:var(--playground-control);height:var(--playground-control);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--tl-graph-text-muted);cursor:pointer;padding:0;transition:color var(--motion-duration-micro) var(--motion-ease-out),background var(--motion-duration-micro) var(--motion-ease-out),border-color var(--motion-duration-micro) var(--motion-ease-out)}.tl3-ease-pre:disabled{opacity:.28;cursor:default;pointer-events:none}.tl3-ease-pre:not(:disabled):hover{color:var(--foreground);background:color-mix(in srgb,var(--foreground) 8%,transparent)}.tl3-ease-pre-active{color:var(--foreground)!important;border-color:color-mix(in srgb,var(--foreground) 22%,transparent)!important;background:color-mix(in srgb,var(--foreground) 10%,transparent)!important}.tl3-ease-pre-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);display:block;flex-shrink:0}.tl3-ease-preview-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--playground-control);height:var(--playground-control);flex-shrink:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);cursor:pointer}.tl3-ease-preview-toggle:hover:not(:disabled){color:var(--foreground);background:var(--tl-control-hover)}.tl3-ease-preview-toggle:disabled{opacity:.35;cursor:default}.tl3-ease-gallery{position:relative;flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.tl3-ease-gallery-fade{position:absolute;top:0;bottom:0;width:var(--ease-gallery-scroll-fade);z-index:1;pointer-events:none;opacity:0;transition:opacity var(--motion-duration-micro, .12s) var(--motion-ease-out, ease)}.tl3-ease-gallery-fade.is-visible{opacity:1}.tl3-ease-gallery-fade--left{left:0;background:linear-gradient(to right,var(--tl-graph-bg) 0%,color-mix(in srgb,var(--tl-graph-bg) 0%,transparent) 100%)}.tl3-ease-gallery-fade--right{right:0;background:linear-gradient(to left,var(--tl-graph-bg) 0%,color-mix(in srgb,var(--tl-graph-bg) 0%,transparent) 100%)}.tl3-ease-gallery-chevron{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--playground-control, var(--control-height-sm));height:var(--playground-control, var(--control-height-sm));padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--muted-foreground);cursor:pointer;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-micro, .12s) var(--motion-ease-out, ease),color var(--motion-duration-micro, .12s) var(--motion-ease-out, ease)}.tl3-ease-gallery-chevron--left{left:var(--gap-1)}.tl3-ease-gallery-chevron--right{right:var(--gap-1)}.tl3-ease-gallery:hover .tl3-ease-gallery-chevron.is-visible,.tl3-ease-gallery-chevron.is-visible:focus-visible{opacity:1;pointer-events:auto}.tl3-ease-gallery-chevron:hover:not(:disabled){color:var(--foreground);background:var(--tl-control-hover)}.tl3-ease-gallery-chevron:focus-visible{outline:none;box-shadow:0 0 0 1px var(--ring)}.tl3-ease-gallery-chevron:disabled{opacity:0;pointer-events:none}.tl3-ease-stage{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:var(--gap-2);overflow:hidden}.tl3-ease-stage--gallery{justify-content:center;gap:var(--gap-3);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.tl3-ease-stage--gallery::-webkit-scrollbar{display:none;width:0;height:0}.tl3-ease-stage--gallery.tl3-ease-stage--overflow{justify-content:flex-start}.tl3-ease-cell{display:flex;flex-direction:column;align-items:center;gap:var(--gap-1);flex-shrink:0;padding:var(--gap-1);margin:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--muted-foreground);cursor:pointer;outline:none}.tl3-ease-cell:hover{background:color-mix(in srgb,var(--foreground) 4%,transparent)}.tl3-ease-cell:focus-visible{border-color:color-mix(in srgb,var(--foreground) 28%,transparent)}.tl3-ease-cell--selected{color:var(--foreground);border-color:color-mix(in srgb,var(--foreground) 22%,transparent);background:color-mix(in srgb,var(--foreground) 6%,transparent)}.tl3-ease-cell-label{font-size:var(--font-size-2xs);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tl3-ease-canvas{flex-shrink:0;min-width:0;min-height:0;position:relative}.tl3-ease-canvas .tl3-bce,.tl3-ease-canvas .bce{width:100%;height:100%}.tl3-ease-canvas .bce__svg{width:100%;height:100%;aspect-ratio:auto}.tl3-ease-canvas .bce__readout{display:none}.tl3-ease-cell:not(.tl3-ease-cell--selected) .bce--disabled{opacity:.72;pointer-events:none}.tl3-ease-step-tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted-foreground);font-size:var(--font-size-2xs);font-family:var(--font-family-mono);background:color-mix(in srgb,var(--foreground) 3%,transparent)}.tl3-ease-footer{display:flex;align-items:center;gap:var(--gap-3);padding:var(--gap-2) var(--gap-3);border-top:1px solid var(--border);flex-shrink:0;min-width:0}.tl3-ease-footer-hint{flex:1;min-width:0;color:var(--muted-foreground);font-size:var(--font-size-2xs);font-family:var(--font-family)}.tl3-ease-preview{flex:1;min-width:0}.tl3-ease-preview-track{position:relative;height:var(--easing-preview-track, .625rem);border-radius:var(--radius-full);background:color-mix(in srgb,var(--foreground) 8%,transparent);border:1px solid var(--border)}.tl3-ease-preview-dot{position:absolute;top:50%;width:var(--easing-preview-dot, .75rem);height:var(--easing-preview-dot, .75rem);margin-left:calc(var(--easing-preview-dot, .75rem) / -2);border-radius:50%;transform:translateY(-50%);will-change:left}.tl3-ease-css{flex-shrink:0;font-family:var(--font-family-mono);font-size:var(--font-size-3xs);color:var(--muted-foreground);background:color-mix(in srgb,var(--foreground) 5%,transparent);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--gap-1) var(--gap-2);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;-moz-user-select:text;user-select:text}.tl3-graph-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:6rem;padding:var(--gap-4);color:var(--muted-foreground);font-size:var(--font-size-xs);font-family:var(--font-family);text-align:center;line-height:1.45}.tl3-track-name{opacity:.9}.sp-recording-dropdown{--panel-bg: var(--card);--panel-header-bg: var(--muted);--border-color: var(--border);--text-main: var(--card-foreground);--text-muted: var(--muted-foreground);--text-on-accent: var(--background);--accent-primary: var(--foreground);--slider-bg: var(--muted);--state-active-bg: color-mix(in srgb, var(--foreground) 10%, transparent);--panel-header-hover: color-mix(in srgb, var(--foreground) 6%, transparent);width:auto;z-index:var(--z-popover);animation:spDropDown var(--motion-duration-micro) var(--motion-ease-out)}@keyframes spDropDown{0%{opacity:0;transform:translateY(calc(-1 * var(--gap-1)))}to{opacity:1;transform:none}}.audio-cable-overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50;overflow:visible}.audio-cable-group--drag{opacity:1}.audio-cable{fill:none;stroke-linecap:round;stroke-linejoin:round}.audio-cable--shadow{stroke:#0000008c;opacity:.35}.audio-cable--main{filter:drop-shadow(0 0 3px rgba(0,0,0,.35))}.audio-cable-group--drag .audio-cable--main{animation:audio-cable-dash .6s linear infinite}@keyframes audio-cable-dash{to{stroke-dashoffset:-20}}:root{--radius: .625rem;--background: #FFFFFF;--foreground: #0A0A0A;--card: #FFFFFF;--card-foreground: #0A0A0A;--popover: #FFFFFF;--popover-foreground: #0A0A0A;--primary: #171717;--primary-foreground: #FAFAFA;--secondary: #F5F5F5;--secondary-foreground: #171717;--muted: #F5F5F5;--muted-foreground: #737373;--accent: #F5F5F5;--accent-foreground: #171717;--destructive: #DC2626;--destructive-foreground: #FAFAFA;--border: #E5E5E5;--input: #E5E5E5;--ring: #A3A3A3;--chart-1: #E76E50;--chart-2: #2A9D8F;--chart-3: #274754;--chart-4: #E9C46A;--chart-5: #F4A261;--sidebar: #FAFAFA;--sidebar-foreground: #0A0A0A;--sidebar-primary: #171717;--sidebar-primary-foreground: #FAFAFA;--sidebar-accent: #F5F5F5;--sidebar-accent-foreground: #171717;--sidebar-border: #E5E5E5;--sidebar-ring: #A3A3A3;--radius-sm: calc(var(--radius) * .6);--radius-md: calc(var(--radius) * .8);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) * 1.4);--radius-full: 9999px;--ui-scale: 1;--gap-1: calc(4px * var(--ui-scale));--gap-2: calc(8px * var(--ui-scale));--gap-3: calc(10px * var(--ui-scale));--gap-4: calc(24px * var(--ui-scale));--control-height-sm: calc(34px * var(--ui-scale));--slider-track-height: calc(4px * var(--ui-scale));--slider-thumb-size: calc(11px * var(--ui-scale));--signals-volume-thumb: calc(8px * var(--ui-scale));--signals-player-info: 10.5ch;--signals-wave-width: calc(32px * var(--ui-scale));--signals-wave-height: calc(24px * var(--ui-scale));--signals-source-card: calc(56px * var(--ui-scale));--switch-width: calc(32px * var(--ui-scale));--switch-height: calc(16px * var(--ui-scale));--switch-thumb-size: calc(12px * var(--ui-scale));--switch-thumb-checked-x: calc(16px * var(--ui-scale));--sidebar-width: calc(320px * var(--ui-scale));--effects-library-grid-max-height: calc(280px * var(--ui-scale));--playground-rail-width: calc(420px * var(--ui-scale));--playground-rail-min: calc(280px * var(--ui-scale));--playground-library-width: calc(420px * var(--ui-scale));--playground-library-height: calc(480px * var(--ui-scale));--playground-tex-slot: calc(36px * var(--ui-scale));--playground-audio-expanded: calc(160px * var(--ui-scale));--node-input-rail-width: calc(200px * var(--ui-scale));--node-split-preview-width: calc(360px * var(--ui-scale));--node-split-preview-min: calc(240px * var(--ui-scale));--node-output-preview-height: calc(168px * var(--ui-scale));--node-media-preview-height: calc(88px * var(--ui-scale));--node-geo-preview-height: calc(168px * var(--ui-scale));--node-geo-card-width: calc(280px * var(--ui-scale));--node-custom-shader-card-width: calc(360px * var(--ui-scale));--node-custom-shader-editor-height: calc(200px * var(--ui-scale));--node-ramp-card-width: calc(200px * var(--ui-scale));--node-note-card-width: calc(200px * var(--ui-scale));--node-ramp-bar-height: calc(14px * var(--ui-scale));--node-handle-size: calc(8px * var(--ui-scale));--node-card-width: calc(204px * var(--ui-scale));--node-header-height: calc(28px * var(--ui-scale));--node-param-row-height: calc(18px * var(--ui-scale));--node-param-label-width: 4.75rem;--node-param-value-width: 1.75rem;--node-select-label-width: var(--node-param-label-width);--node-switch-width: calc(22px * var(--ui-scale));--node-switch-height: calc(12px * var(--ui-scale));--node-switch-thumb-size: calc(10px * var(--ui-scale));--node-switch-thumb-checked-x: calc(10px * var(--ui-scale));--node-slider-track-height: calc(3px * var(--ui-scale));--node-slider-thumb-size: calc(8px * var(--ui-scale));--node-add-menu-width: calc(308px * var(--ui-scale));--node-add-menu-max-height: calc(360px * var(--ui-scale));--node-port-float: #a1a1a1;--node-port-vec2: #6363c7;--node-port-vec3: #6363c7;--node-port-vec4: #c7c729;--node-port-sampler: #e87b3a;--node-port-track: #3bb273;--node-port-flow: #3fbceb;--user-presets-width: calc(280px * var(--ui-scale));--user-presets-height: calc(320px * var(--ui-scale));--node-buffer-debug-content-width: calc(var(--user-presets-width) - var(--gap-3) * 2);--node-buffer-debug-thumb-h: calc(var(--node-buffer-debug-content-width) * 9 / 16);--node-buffer-debug-label-h: calc(var(--font-size-2xs) * 2.4 + var(--gap-1));--node-buffer-debug-item-h: calc( var(--node-buffer-debug-thumb-h) + var(--gap-1) + var(--node-buffer-debug-label-h) );--node-buffer-debug-header-h: calc(var(--font-size-2xs) + var(--gap-2) * 2 + var(--icon-size-xs));--node-buffer-debug-height: calc( var(--node-buffer-debug-header-h) + var(--gap-2) * 2 + var(--node-buffer-debug-item-h) * 2 + var(--gap-2) );--playground-handbook-width: calc(360px * var(--ui-scale));--playground-handbook-max-height: calc(560px * var(--ui-scale));--playground-control: calc(28px * var(--ui-scale));--playground-editor-body: calc(140px * var(--ui-scale));--playground-gutter-min: 1.5em;--icon-size-sm: calc(15px * var(--ui-scale));--icon-size-xs: calc(12px * var(--ui-scale));--icon-size-md: calc(18px * var(--ui-scale));--knob-size: calc(24px * var(--ui-scale));--knob-col-width: 2.75rem;--knob-face-ratio: 64%;--knob-tick-width: calc(2px * var(--ui-scale));--knob-tick-height: calc(6px * var(--ui-scale));--knob-track: color-mix(in srgb, var(--foreground) 12%, transparent);--angle-dial-size: 5.5rem;--angle-dial-stroke: calc(1.5px * var(--ui-scale));--mode-tab-height: calc(26px * var(--ui-scale));--mode-tabs-padding: calc(3px * var(--ui-scale));--mode-tab-radius: calc(var(--radius-lg) - var(--mode-tabs-padding));--adjustments-panel-width: calc(288px * var(--ui-scale));--export-panel-width: calc(360px * var(--ui-scale));--preferences-panel-width: calc(880px * var(--ui-scale));--preferences-panel-height: calc(620px * var(--ui-scale));--preferences-nav-width: calc(220px * var(--ui-scale));--preferences-header-height: calc(44px * var(--ui-scale));--preferences-control-width: 11rem;--preferences-shortcut-capture-width: 7rem;--z-preferences: 100050;--motion-ease-out: cubic-bezier(.32, .72, 0, 1);--motion-duration-morph: .42s;--motion-duration-ui: .28s;--motion-duration-micro: .22s;--scrollbar-size: var(--gap-1);--scrollbar-track: transparent;--scrollbar-thumb: var(--border);--scrollbar-thumb-hover: var(--muted-foreground);--topbar-height: calc(34px * var(--ui-scale));--overlay-inset: calc(12px * var(--ui-scale));--logo-slot-width: calc(46px * var(--ui-scale));--titlebar-logo-size: calc(18px * var(--ui-scale));--titlebar-file-height: var(--mode-tab-height);--topbar-mac-safe-left: calc(80px * var(--ui-scale));--topbar-mac-safe-right: calc(16px * var(--ui-scale));--topbar-mac-safe-fullscreen-left: calc(16px * var(--ui-scale));--font-family-mono: ui-monospace, "Cascadia Code", "Roboto Mono", Consolas, Monaco, monospace;--effect-chain-height: calc(34px * var(--ui-scale));--chain-add-size: calc(23px * var(--ui-scale));--chain-swatch-size: calc(10px * var(--ui-scale));--signals-bind-dot: calc(6px * var(--ui-scale));--effect-swatch-a: #E7E1AF;--effect-swatch-b: #B7D8AF;--effect-swatch-c: #8A9FD4;--font-size-3xs: calc(8px * var(--ui-scale));--settings-label-col: calc(88px * var(--ui-scale));--settings-value-col: calc(48px * var(--ui-scale));--number-input-prefix-width: 1.35em;--number-input-spinner-width: calc(20px * var(--ui-scale));--settings-hex-col: 3.75rem;--canvas-size-input: 4.5rem;--select-trigger-width: calc(88px * var(--ui-scale));--select-icon-size: calc(16px * var(--ui-scale));--select-content-min-width: 8rem;--select-content-max-height: 12rem;--z-popover: 1100;--z-color-picker: 100100;--control-padding-x: calc(12px * var(--ui-scale));--chain-popover-width: calc(200px * var(--ui-scale));--chain-popover-padding: var(--gap-4);--chain-blend-trigger-width: calc(64px * var(--ui-scale));--chain-mask-source-max: 7rem;--chain-scroll-fade: calc(28px * var(--ui-scale));--chain-scroll-step: calc(160px * var(--ui-scale));--chain-drag-slot: calc(14px * var(--ui-scale));--color-swatch-size: calc(22px * var(--ui-scale));--color-picker-width: calc(220px * var(--ui-scale));--color-picker-sv-height: calc(140px * var(--ui-scale));--color-picker-hue-height: calc(12px * var(--ui-scale));--palette-swatch-size: var(--control-height-sm);--brick-preview-size: calc(40px * var(--ui-scale));--combobox-width: 14rem;--combobox-max-height: 12rem;--timeline-header-height: calc(34px * var(--ui-scale));--timeline-labels-width: clamp(7rem, 16vw, 9rem);--easing-preview-track: .625rem;--easing-preview-dot: .75rem;--ease-gallery-scroll-fade: calc(28px * var(--ui-scale));--ease-gallery-scroll-step: calc(140px * var(--ui-scale));--tl-track-1: #3B82F6;--tl-track-2: #F59E0B;--tl-track-3: #22C55E;--tl-track-4: #A855F7;--tl-track-5: #EAB308;--tl-track-6: #EF4444;--tl-track-7: #06B6D4;--tl-track-8: #EC4899;--canvas-bg: #E5E5EA;--viewport-bg: #FAFAFA;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: calc(12px * var(--ui-scale));--font-size-sm: calc(14px * var(--ui-scale));--font-size-base: calc(16px * var(--ui-scale));--font-size-lg: calc(18px * var(--ui-scale));--font-size-xl: calc(20px * var(--ui-scale));--font-size-2xs: calc(10px * var(--ui-scale));--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-normal: calc(16px * var(--ui-scale))}html.dark{--background: #0A0A0A;--foreground: #FAFAFA;--card: #171717;--card-foreground: #FAFAFA;--popover: #171717;--popover-foreground: #FAFAFA;--primary: #E5E5E5;--primary-foreground: #171717;--secondary: #262626;--secondary-foreground: #FAFAFA;--muted: #262626;--muted-foreground: #A3A3A3;--accent: #262626;--accent-foreground: #FAFAFA;--destructive: #EF4444;--destructive-foreground: #FAFAFA;--border: #222222;--input: #262626;--ring: #737373;--chart-1: #8B5CF6;--chart-2: #2DD4BF;--chart-3: #F4A261;--chart-4: #E879F9;--chart-5: #F97316;--sidebar: #171717;--sidebar-foreground: #FAFAFA;--sidebar-primary: #8B5CF6;--sidebar-primary-foreground: #FAFAFA;--sidebar-accent: #262626;--sidebar-accent-foreground: #FAFAFA;--sidebar-border: #222222;--sidebar-ring: #737373;--canvas-bg: #141414;--viewport-bg: #1E1E1E}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-family-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:var(--border);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}html.is-mac.dark{color-scheme:dark}body{background-color:var(--background);font-family:var(--font-family);color:var(--foreground)}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\[var\(--overlay-inset\)\]{inset:var(--overlay-inset)}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-1{left:var(--gap-1)}.left-1\/2{left:50%}.left-2{left:var(--gap-2)}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:var(--gap-1)}.right-2{right:var(--gap-2)}.right-3{right:var(--gap-3)}.right-4{right:var(--gap-4)}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:var(--gap-1)}.top-1\/2{top:50%}.top-2{top:var(--gap-2)}.top-3{top:var(--gap-3)}.top-4{top:var(--gap-4)}.top-mode-tabs{top:var(--mode-tabs-padding)}.z-0{z-index:0}.z-10{z-index:10}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[60\]{z-index:60}.z-\[var\(--z-popover\)\]{z-index:var(--z-popover)}.col-span-full{grid-column:1 / -1}.col-start-2{grid-column-start:2}.float-left{float:left}.-mx-1{margin-left:calc(var(--gap-1) * -1);margin-right:calc(var(--gap-1) * -1)}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.my-1{margin-top:var(--gap-1);margin-bottom:var(--gap-1)}.-ml-1{margin-left:calc(var(--gap-1) * -1)}.ml-1{margin-left:var(--gap-1)}.ml-auto{margin-left:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:var(--gap-2)}.mt-px{margin-top:1px}.box-border{box-sizing:border-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-2{width:var(--gap-2);height:var(--gap-2)}.size-3{width:var(--gap-3);height:var(--gap-3)}.size-3\.5{width:.875rem;height:.875rem}.size-5{width:1.25rem;height:1.25rem}.size-7{width:1.75rem;height:1.75rem}.size-\[length\:var\(--icon-size-sm\)\]{width:var(--icon-size-sm);height:var(--icon-size-sm)}.size-\[length\:var\(--signals-volume-thumb\)\]{width:var(--signals-volume-thumb);height:var(--signals-volume-thumb)}.size-\[var\(--signals-bind-dot\)\]{width:var(--signals-bind-dot);height:var(--signals-bind-dot)}.size-\[var\(--signals-source-card\)\]{width:var(--signals-source-card);height:var(--signals-source-card)}.size-chain-swatch{width:var(--chain-swatch-size);height:var(--chain-swatch-size)}.size-color-swatch{width:var(--color-swatch-size);height:var(--color-swatch-size)}.size-control-sm{width:var(--control-height-sm);height:var(--control-height-sm)}.size-full{width:100%;height:100%}.size-icon-sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.size-icon-xs{width:var(--icon-size-xs);height:var(--icon-size-xs)}.size-px{width:1px;height:1px}.size-select-icon{width:var(--select-icon-size);height:var(--select-icon-size)}.size-signals-volume-thumb{width:var(--signals-volume-thumb);height:var(--signals-volume-thumb)}.size-slider-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size)}.size-switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size)}.h-10{height:2.5rem}.h-3{height:var(--gap-3)}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[length\:var\(--line-height-normal\)\]{height:var(--line-height-normal)}.h-\[min\(var\(--preferences-panel-height\)\,88vh\)\]{height:min(var(--preferences-panel-height),88vh)}.h-\[var\(--signals-wave-height\)\]{height:var(--signals-wave-height)}.h-control-sm{height:var(--control-height-sm)}.h-effect-chain{height:var(--effect-chain-height)}.h-full{height:100%}.h-mode-tab{height:var(--mode-tab-height)}.h-preferences-header{height:var(--preferences-header-height)}.h-px{height:1px}.h-slider-track{height:var(--slider-track-height)}.h-switch{height:var(--switch-height)}.max-h-40{max-height:10rem}.max-h-\[18rem\]{max-height:18rem}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-combobox{max-height:var(--combobox-max-height)}.max-h-none{max-height:none}.max-h-select-content{max-height:var(--select-content-max-height)}.min-h-0{min-height:0px}.min-h-4{min-height:var(--gap-4)}.min-h-control-sm{min-height:var(--control-height-sm)}.w-0{width:0px}.w-5{width:1.25rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-9{width:2.25rem}.w-\[min\(var\(--preferences-panel-width\)\,96vw\)\]{width:min(var(--preferences-panel-width),96vw)}.w-\[var\(--adjustments-panel-width\)\]{width:var(--adjustments-panel-width)}.w-\[var\(--chain-drag-slot\)\]{width:var(--chain-drag-slot)}.w-\[var\(--color-picker-width\)\]{width:var(--color-picker-width)}.w-\[var\(--combobox-width\)\]{width:var(--combobox-width)}.w-\[var\(--effect-chain-height\)\]{width:var(--effect-chain-height)}.w-\[var\(--export-panel-width\)\]{width:var(--export-panel-width)}.w-\[var\(--settings-hex-col\)\]{width:var(--settings-hex-col)}.w-\[var\(--signals-player-info\)\]{width:var(--signals-player-info)}.w-\[var\(--signals-wave-width\)\]{width:var(--signals-wave-width)}.w-auto{width:auto}.w-combobox{width:var(--combobox-width)}.w-control-sm{width:var(--control-height-sm)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-mode-tab{width:var(--mode-tab-height)}.w-preferences-control{width:var(--preferences-control-width)}.w-preferences-nav{width:var(--preferences-nav-width)}.w-preferences-shortcut-capture{width:var(--preferences-shortcut-capture-width)}.w-px{width:1px}.w-select-trigger{width:var(--select-trigger-width)}.w-settings-hex{width:var(--settings-hex-col)}.w-settings-value{width:var(--settings-value-col)}.w-switch{width:var(--switch-width)}.min-w-0{min-width:0px}.min-w-40{min-width:10rem}.min-w-5{min-width:1.25rem}.min-w-\[3\.25rem\]{min-width:3.25rem}.min-w-\[3rem\]{min-width:3rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[9\.5rem\]{min-width:9.5rem}.min-w-\[var\(--effect-chain-height\)\]{min-width:var(--effect-chain-height)}.min-w-\[var\(--mode-tab-height\)\]{min-width:var(--mode-tab-height)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-chain-blend{min-width:var(--chain-blend-trigger-width)}.min-w-combobox{min-width:var(--combobox-width)}.min-w-preferences-control{min-width:var(--preferences-control-width)}.min-w-select-content{min-width:var(--select-content-min-width)}.min-w-select-trigger{min-width:var(--select-trigger-width)}.max-w-0{max-width:0px}.max-w-\[7rem\]{max-width:7rem}.max-w-\[9rem\]{max-width:9rem}.max-w-\[min\(var\(--preferences-panel-width\)\,96vw\)\]{max-width:min(var(--preferences-panel-width),96vw)}.max-w-\[var\(--export-panel-width\)\]{max-width:var(--export-panel-width)}.max-w-\[var\(--settings-hex-col\)\]{max-width:var(--settings-hex-col)}.max-w-\[var\(--user-presets-width\)\]{max-width:var(--user-presets-width)}.max-w-chain-mask-source{max-width:var(--chain-mask-source-max)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-settings-hex{max-width:var(--settings-hex-col)}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\!resize{resize:both!important}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-cols-\[0fr\]{grid-template-columns:0fr}.grid-cols-\[1fr\]{grid-template-columns:1fr}.grid-cols-\[var\(--settings-label-col\)_minmax\(0\,1fr\)_var\(--settings-value-col\)\]{grid-template-columns:var(--settings-label-col) minmax(0,1fr) var(--settings-value-col)}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-start{justify-items:start}.justify-items-center{justify-items:center}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:var(--gap-1)}.gap-1\.5{gap:.375rem}.gap-2{gap:var(--gap-2)}.gap-3{gap:var(--gap-3)}.gap-4{gap:var(--gap-4)}.gap-\[calc\(var\(--gap-1\)\*0\.8\)\]{gap:calc(var(--gap-1) * .8)}.gap-\[var\(--gap-2\)\]{gap:var(--gap-2)}.gap-mode-tabs{gap:var(--mode-tabs-padding)}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-2{-moz-column-gap:var(--gap-2);column-gap:var(--gap-2)}.gap-y-1{row-gap:var(--gap-1)}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--gap-1) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--gap-1) * var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[calc\(var\(--radius-md\)-1px\)\]{border-radius:calc(var(--radius-md) - 1px)}.rounded-\[var\(--mode-tab-radius\)\]{border-radius:var(--mode-tab-radius)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--signals-binding-range\,var\(--foreground\)\)\]{border-color:var(--signals-binding-range,var(--foreground))}.border-border{border-color:var(--border)}.border-foreground{border-color:var(--foreground)}.border-input{border-color:var(--input)}.border-transparent{border-color:transparent}.bg-\[var\(--signals-binding-range\,var\(--foreground\)\)\]{background-color:var(--signals-binding-range,var(--foreground))}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-muted{background-color:var(--muted)}.bg-muted-foreground{background-color:var(--muted-foreground)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:transparent}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:var(--gap-1)}.p-1\.5{padding:.375rem}.p-2{padding:var(--gap-2)}.p-3{padding:var(--gap-3)}.p-4{padding:var(--gap-4)}.p-6{padding:1.5rem}.p-\[var\(--gap-3\)\]{padding:var(--gap-3)}.p-mode-tabs{padding:var(--mode-tabs-padding)}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:var(--gap-1);padding-right:var(--gap-1)}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:var(--gap-2);padding-right:var(--gap-2)}.px-3{padding-left:var(--gap-3);padding-right:var(--gap-3)}.px-4{padding-left:var(--gap-4);padding-right:var(--gap-4)}.px-8{padding-left:2rem;padding-right:2rem}.px-\[var\(--control-padding-x\)\],.px-control-px{padding-left:var(--control-padding-x);padding-right:var(--control-padding-x)}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:var(--gap-1);padding-bottom:var(--gap-1)}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:var(--gap-2);padding-bottom:var(--gap-2)}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:var(--gap-3);padding-bottom:var(--gap-3)}.py-4{padding-top:var(--gap-4);padding-bottom:var(--gap-4)}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-mode-tabs{padding-top:var(--mode-tabs-padding);padding-bottom:var(--mode-tabs-padding)}.pb-3{padding-bottom:var(--gap-3)}.pl-2{padding-left:var(--gap-2)}.pl-3{padding-left:var(--gap-3)}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pr-2{padding-right:var(--gap-2)}.pr-3{padding-right:var(--gap-3)}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:var(--gap-1)}.pt-2{padding-top:var(--gap-2)}.pt-3{padding-top:var(--gap-3)}.pt-4{padding-top:var(--gap-4)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-\[-2px\]{vertical-align:-2px}.font-mono{font-family:var(--font-family-mono)}.font-sans{font-family:var(--font-family)}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-normal)}.text-3xs{font-size:var(--font-size-3xs);line-height:var(--line-height-normal)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.font-regular{font-weight:var(--font-weight-regular)}.font-semibold{font-weight:var(--font-weight-semibold)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--source-color\)\]{color:var(--source-color)}.text-background{color:var(--background)}.text-border{color:var(--border)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-foreground{accent-color:var(--foreground)}.accent-primary{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.\!ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[var\(--source-color\)\]{--tw-ring-color: var(--source-color)}.ring-card{--tw-ring-color: var(--card)}.ring-ring{--tw-ring-color: var(--ring)}.ring-transparent{--tw-ring-color: transparent}.ring-offset-background{--tw-ring-offset-color: var(--background)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[gap\,color\,background-color\]{transition-property:gap,color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[grid-template-columns\,opacity\]{transition-property:grid-template-columns,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[max-width\,opacity\]{transition-property:max-width,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[padding\,gap\,border-color\,background-color\,box-shadow\,border-radius\]{transition-property:padding,gap,border-color,background-color,box-shadow,border-radius;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\,opacity\]{transition-property:width,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[var\(--motion-duration-micro\)\]{transition-duration:var(--motion-duration-micro)}.duration-\[var\(--motion-duration-ui\)\]{transition-duration:var(--motion-duration-ui)}.ease-\[var\(--motion-ease-out\)\]{transition-timing-function:var(--motion-ease-out)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-gutter\:stable\]{scrollbar-gutter:stable}.\[scrollbar-width\:none\]{scrollbar-width:none}.color-swatch-rim{border-color:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--background) 72%,transparent),0 0 0 1px color-mix(in srgb,var(--foreground) 32%,transparent)}.app-layout.app-layout--v2{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);background-color:var(--canvas-bg)}.app-layout.app-layout--v2 .viewport-container{grid-column:1;grid-row:1;position:relative;background-color:var(--canvas-bg)}.app-layout.app-layout--v2 .right-sidebar-wrapper{position:absolute;top:var(--overlay-inset);right:var(--overlay-inset);bottom:var(--overlay-inset);width:var(--sidebar-width);z-index:20;pointer-events:none;background:transparent}.app-layout.app-layout--v2 .web-demo-banner-slot{position:absolute;left:var(--overlay-inset);bottom:var(--overlay-inset);width:min(var(--sidebar-width),calc(100% - (2 * var(--overlay-inset))));z-index:22;pointer-events:none}.app-layout.app-layout--v2.playground-active .web-demo-banner-slot{left:auto;right:var(--overlay-inset)}.app-layout.app-layout--v2.kinetic-active .web-demo-banner-slot{bottom:calc(var(--kt-timeline-clearance, 0px) + var(--overlay-inset) + var(--gap-3) + var(--gap-2))}.app-layout.app-layout--v2 .web-demo-banner-slot>*{pointer-events:auto}.app-layout.app-layout--v2 .dnd-drag-chain-item-ghost{display:inline-flex;align-items:center;gap:var(--gap-1);height:var(--mode-tab-height);padding-inline:var(--gap-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);font-size:var(--font-size-xs);font-family:var(--font-family);box-shadow:var(--shadow-sm, 0 1px 2px color-mix(in srgb, var(--foreground) 12%, transparent));pointer-events:none;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.95;white-space:nowrap}.app-layout.app-layout--v2 .effect-settings-popup{position:fixed;max-height:calc(100vh - (var(--overlay-inset) * 2));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;contain:layout style}.app-layout.app-layout--v2 .effect-settings-popup.is-dragging{will-change:left,top;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-layout.app-layout--v2 .effect-settings-popup.is-dragging .cursor-grab{cursor:grabbing}.app-layout.app-layout--v2 .canvas-top-slot{position:absolute;top:var(--overlay-inset);left:var(--overlay-inset);z-index:25;display:flex;max-width:calc(100% - var(--sidebar-width) - var(--overlay-inset) - var(--gap-4));align-items:flex-start;gap:var(--gap-2);pointer-events:auto;overflow:visible;-webkit-app-region:no-drag;app-region:no-drag}.app-layout.app-layout--v2:has(.node-workspace--fullscreen) .canvas-top-slot{display:none}.app-layout.app-layout--v2 .canvas-top-leading{position:relative;display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.app-layout.app-layout--v2 .canvas-top-leading-row{display:flex;align-items:center;gap:var(--gap-2);transition:opacity var(--motion-duration-micro) var(--motion-ease-out)}.canvas-beta-badge{flex-shrink:0;display:inline-flex;align-items:center;height:var(--mode-tab-height);padding-inline:var(--gap-2);border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--foreground) 10%,transparent);color:var(--muted-foreground);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;line-height:1;text-transform:uppercase;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.playground-library-dropdown{width:min(var(--playground-library-width),90vw);height:min(var(--playground-library-height),70vh);z-index:var(--z-popover);display:flex;flex-direction:column}.user-presets-dropdown{width:min(var(--user-presets-width),90vw);height:min(var(--user-presets-height),70vh);z-index:var(--z-popover);display:flex;flex-direction:column;padding:0;--tw-enter-duration: var(--motion-duration-micro);--tw-exit-duration: var(--motion-duration-micro);animation-duration:var(--motion-duration-micro)!important;transition-duration:var(--motion-duration-micro)!important}.user-presets-dropdown[data-state=open],.user-presets-dropdown[data-state=closed]{--tw-enter-scale: 1;--tw-exit-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}.user-presets-list{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.playground-library-grid{scrollbar-width:none}.playground-library-grid::-webkit-scrollbar{display:none}.app-layout.app-layout--v2 .canvas-top-adjustments{position:absolute;top:calc(100% + var(--gap-2));left:0;z-index:26;max-height:var( --kt-adjustments-max-height, var(--adjustments-max-height, 70vh) )}.app-layout.app-layout--v2 .adjustments-morph__expanded{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.app-layout.app-layout--v2 .adjustments-morph__expanded::-webkit-scrollbar{display:none}.app-layout.app-layout--v2 .adjustments-morph{transform-origin:top left;will-change:width,height;border-radius:var(--radius-lg)}.app-layout.app-layout--v2 .adjustments-morph[data-state=open]{border-radius:var(--radius-xl)}.app-layout.app-layout--v2 .effect-chain-bar{transform-origin:left center}@keyframes chain-popover-in{0%{opacity:0;transform:translateY(calc(var(--gap-1) * -1)) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.app-layout.app-layout--v2 .effect-chain-popover{transform-origin:top left;animation:chain-popover-in var(--motion-duration-micro) var(--motion-ease-out) both}@media(prefers-reduced-motion:reduce){:root{--motion-duration-morph: 0ms;--motion-duration-ui: 0ms;--motion-duration-micro: 0ms}.app-layout.app-layout--v2 .effect-chain-popover{animation:none}}.effect-chain-scroll{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.effect-chain-scroll::-webkit-scrollbar{display:none;width:0;height:0}.effect-chain-scroll-fade{position:absolute;top:0;bottom:0;width:var(--chain-scroll-fade);z-index:1;transition:opacity .12s ease}.effect-chain-scroll-fade--left{left:0;background:linear-gradient(to right,var(--card) 0%,color-mix(in srgb,var(--card) 0%,transparent) 100%)}.effect-chain-scroll-fade--right{right:0;background:linear-gradient(to left,var(--card) 0%,color-mix(in srgb,var(--card) 0%,transparent) 100%)}.app-layout.app-layout--v2.ui-hidden .right-sidebar-wrapper,.app-layout.app-layout--v2.ui-hidden .web-demo-banner-slot,.app-layout.app-layout--v2.ui-hidden .effect-settings-popup,.app-layout.app-layout--v2.ui-hidden .canvas-top-slot,.app-layout.app-layout--v2.ui-hidden .kt-v2-settings-slot,.app-layout.app-layout--v2.ui-hidden .kt-timeline-slot,.app-layout.app-layout--v2.ui-hidden .sp-v2-settings-slot{opacity:0;pointer-events:none;visibility:hidden}.app-layout.app-layout--v2 .zoom-controls{position:absolute;left:50%;bottom:var(--overlay-inset);transform:translate(-50%);z-index:40;display:flex;align-items:center;justify-content:center;height:auto;gap:0;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-micro) var(--motion-ease-out);background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-layout.app-layout--v2:has(.kt-workspace--v2) .zoom-controls{bottom:calc(var(--kt-timeline-clearance, 0px) + var(--overlay-inset) + var(--gap-2))}.app-layout.app-layout--v2:has(.canvas-hover-surface:hover) .zoom-controls,.app-layout.app-layout--v2 .zoom-controls:hover,.app-layout.app-layout--v2 .zoom-controls.zoom-controls--open{opacity:1;pointer-events:auto}.app-layout.app-layout--v2 .zoom-controls.exporting{opacity:.5;pointer-events:none}.app-layout.app-layout--v2.ui-hidden .zoom-controls{opacity:0;pointer-events:none;visibility:hidden}.app-layout.app-layout--v2 .video-player{position:absolute;left:50%;bottom:calc(var(--overlay-inset) + var(--mode-tab-height) + (var(--mode-tabs-padding) * 2) + var(--gap-2));transform:translate(-50%);z-index:40;display:flex;width:min(40rem,calc(100% - (2 * var(--overlay-inset))));align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-micro) var(--motion-ease-out)}.app-layout.app-layout--v2:has(.canvas-hover-surface:hover) .video-player,.app-layout.app-layout--v2 .video-player:hover{opacity:1;pointer-events:auto}.app-layout.app-layout--v2.ui-hidden .video-player{opacity:0;pointer-events:none;visibility:hidden}.effects-library-grid-scroll{max-height:var(--effects-library-grid-max-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.ui-knob{display:flex;flex-direction:column;align-items:center;gap:var(--gap-1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--knob-col-width);min-width:var(--knob-col-width);max-width:var(--knob-col-width);flex:0 0 var(--knob-col-width);box-sizing:border-box}.ui-knob-dial{position:relative;width:var(--knob-size);height:var(--knob-size);border-radius:var(--radius-full);cursor:ns-resize;touch-action:none;outline:none}.ui-knob--disabled .ui-knob-dial{cursor:not-allowed;opacity:.5}.ui-knob-dial:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--knob-color, var(--primary)) 55%,transparent)}.ui-knob-ring{position:absolute;inset:0;border-radius:var(--radius-full);background:conic-gradient(from -135deg,var(--knob-color, var(--primary)) 0deg,var(--knob-color, var(--primary)) calc(var(--knob-pct, 0) * 270deg),var(--knob-track) calc(var(--knob-pct, 0) * 270deg) 270deg,transparent 270deg 360deg)}.ui-knob-face{position:absolute;top:50%;left:50%;width:var(--knob-face-ratio);height:var(--knob-face-ratio);transform:translate(-50%,-50%);border-radius:var(--radius-full);background:var(--card);box-shadow:inset 0 0 0 1px var(--border)}.ui-knob--dragging .ui-knob-face{background:var(--muted)}.ui-knob-tick{position:absolute;top:12%;left:50%;width:var(--knob-tick-width);height:var(--knob-tick-height);margin-left:calc(var(--knob-tick-width) / -2);border-radius:var(--radius-full);background:var(--knob-color, var(--primary));transform-origin:50% calc(var(--knob-size) * .32);transform:rotate(-135deg)}.ui-knob-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--muted-foreground);line-height:var(--line-height-normal);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-knob-value{font-size:var(--font-size-2xs);font-variant-numeric:tabular-nums;color:var(--muted-foreground);line-height:var(--line-height-normal);text-align:center}.ui-angle-dial{width:var(--angle-dial-size);height:var(--angle-dial-size)}.ui-angle-dial__svg{display:block;width:100%;height:100%}.ui-angle-dial__ring{fill:var(--card);stroke:var(--border);stroke-width:var(--angle-dial-stroke)}.ui-angle-dial__track{fill:none;stroke:color-mix(in srgb,var(--foreground) 10%,transparent);stroke-width:1;stroke-dasharray:2 2}.ui-angle-dial__tick{stroke:color-mix(in srgb,var(--foreground) 35%,transparent);stroke-width:var(--angle-dial-stroke);stroke-linecap:round}.ui-angle-dial__needle{stroke:var(--foreground);stroke-width:2;stroke-linecap:round}.ui-angle-dial__head{fill:var(--foreground)}.ui-angle-dial__hub-bg{fill:var(--card)}.ui-angle-dial__hub{fill:var(--foreground)}@keyframes signals-audiolines-bar{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.15)}}.signals-audiolines svg{overflow:visible}.signals-audiolines--live svg>*{transform-box:fill-box;transform-origin:center;animation:signals-audiolines-bar .7s ease-in-out infinite}.signals-audiolines--live svg>*:nth-child(2){animation-duration:.55s;animation-delay:-.15s}.signals-audiolines--live svg>*:nth-child(3){animation-duration:.85s;animation-delay:-.3s}.signals-audiolines--live svg>*:nth-child(4){animation-duration:.6s;animation-delay:-.45s}.signals-audiolines--live svg>*:nth-child(5){animation-duration:.75s;animation-delay:-.2s}.title-bar{position:fixed;top:0;left:0;right:0;z-index:100;box-sizing:border-box;height:var(--topbar-height);display:grid;grid-template-columns:auto 1fr;align-items:stretch;padding-inline:0;background-color:var(--card);color:var(--card-foreground);-moz-user-select:none;user-select:none;-webkit-user-select:none}.title-bar--mac,.title-bar--mac-zoomed{padding-left:var(--topbar-mac-safe-left)}.title-bar--mac-fullscreen{padding-left:var(--topbar-mac-safe-fullscreen-left)}.title-bar-left{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:flex-start;justify-self:start;min-width:0;height:100%;gap:var(--gap-1)}.title-bar-back-link{display:inline-flex;align-items:center;gap:var(--gap-1);height:100%;padding-inline:var(--control-padding-x);border:none;border-radius:0;background:transparent;color:var(--muted-foreground);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-app-region:no-drag;app-region:no-drag}.title-bar-back-link:hover{color:var(--foreground)}.title-bar-menu-btn{display:inline-flex;align-items:center;gap:var(--gap-1);height:100%;padding-left:calc(var(--overlay-inset) + var(--mode-tabs-padding));padding-right:var(--control-padding-x);border:none;border-radius:0;background:transparent;color:var(--muted-foreground);cursor:pointer;-webkit-app-region:no-drag;app-region:no-drag}.title-bar-menu-btn:hover:not(:disabled){background-color:transparent;color:var(--muted-foreground)}.title-bar-menu-btn:disabled{opacity:.5;cursor:not-allowed}.title-bar-logo{display:flex;align-items:center;justify-content:center;width:var(--titlebar-logo-size);height:var(--titlebar-logo-size)}.title-bar-logo img{width:var(--titlebar-logo-size);height:var(--titlebar-logo-size);filter:brightness(0);pointer-events:none}.dark .title-bar-logo img{filter:brightness(0) invert(1)}.title-bar-menu-chevron{opacity:.7}.title-bar-file{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:inline-flex;max-width:min(60%,calc(100% - (2 * var(--logo-slot-width)) - var(--overlay-inset)));height:var(--titlebar-file-height);align-items:center;justify-content:center;gap:var(--gap-1);padding-inline:var(--gap-2);border-radius:var(--radius-md);background-color:var(--secondary);color:var(--secondary-foreground);pointer-events:none;overflow:hidden}.app-layout.app-layout--v2 [data-sonner-toaster][data-x-position=center]{left:50%;right:auto;transform:translate(-50%)}.title-bar-file--interactive{pointer-events:auto}.title-bar-file--export,.title-bar-file--loading{gap:var(--gap-2);padding-inline:var(--gap-2) var(--gap-1)}.title-bar-file-progress{position:absolute;inset:0 auto 0 0;background-color:color-mix(in srgb,var(--foreground) 12%,transparent);pointer-events:none}.title-bar-file-content{position:relative;z-index:1;display:inline-flex;min-width:0;max-width:100%;align-items:center;gap:var(--gap-1);overflow:hidden}.title-bar-file-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.title-bar-file-sep{flex-shrink:0;color:var(--muted-foreground);font-family:var(--font-family-mono);font-size:var(--font-size-xs);opacity:.55}.title-bar-file-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;line-height:var(--line-height-normal)}.title-bar-file-badge{flex-shrink:0;padding-inline:var(--gap-1);border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--foreground) 10%,transparent);color:var(--muted-foreground);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;line-height:var(--line-height-normal);text-transform:uppercase}.title-bar-file-spinner{flex-shrink:0;width:var(--icon-size-xs);height:var(--icon-size-xs);border:solid color-mix(in srgb,var(--foreground) 18%,transparent);border-width:thin;border-top-color:var(--foreground);border-radius:9999px;animation:title-bar-spin 1s linear infinite}@keyframes title-bar-spin{to{transform:rotate(360deg)}}.title-bar-file-stop{position:relative;z-index:1;flex-shrink:0;height:calc(var(--titlebar-file-height) - var(--gap-1));padding-inline:var(--gap-2);border:none;border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--foreground) 10%,transparent);color:var(--secondary-foreground);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;-webkit-app-region:no-drag;app-region:no-drag}.title-bar-file-stop:hover{background-color:var(--accent);color:var(--accent-foreground)}.title-bar-file-input{width:min(18ch,100%);min-width:0;height:100%;border:none;background:transparent;color:var(--secondary-foreground);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);text-align:center;outline:none;-webkit-app-region:no-drag;app-region:no-drag}.title-bar-file-input::-moz-placeholder{color:var(--muted-foreground)}.title-bar-file-input::placeholder{color:var(--muted-foreground)}.title-bar-menu{display:flex;flex-direction:column;gap:0;background-color:var(--popover);color:var(--popover-foreground);border-color:var(--border)}.title-bar-menu-item{position:relative;display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--gap-3);padding:var(--gap-2) var(--control-padding-x);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--popover-foreground);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);text-align:left;cursor:pointer}.title-bar-menu-item:hover{background-color:var(--accent);color:var(--accent-foreground)}.title-bar-menu-item--submenu{cursor:default}.title-bar-menu-kbd{margin-left:auto;color:var(--muted-foreground);font-family:var(--font-family-mono);font-size:var(--font-size-2xs)}.title-bar-menu-divider{margin-block:var(--gap-1);margin-inline:var(--control-padding-x);border-top:solid var(--border);border-top-width:thin}.title-bar-submenu{position:absolute;top:0;left:calc(100% + var(--gap-1));z-index:1;display:flex;min-width:var(--select-content-min-width);flex-direction:column;padding:var(--gap-1);border:solid var(--border);border-width:thin;border-radius:var(--radius-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:none}.title-bar-right{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:flex-end;justify-self:end;min-width:0;height:100%;gap:0}.title-bar-export-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-inline:var(--gap-2);height:var(--mode-tab-height);padding-inline:var(--gap-3);border:none;border-radius:var(--radius-md);background-color:var(--foreground);color:var(--background);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:.02em;cursor:pointer;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;-webkit-app-region:no-drag;app-region:no-drag}.title-bar-export-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--foreground) 88%,var(--background))}.title-bar-export-btn:active:not(:disabled){background-color:color-mix(in srgb,var(--foreground) 76%,var(--background))}.title-bar-export-btn--busy{background-color:var(--muted);color:var(--muted-foreground);font-variant-numeric:tabular-nums}.title-bar-export-btn--busy:hover:not(:disabled){background-color:var(--accent);color:var(--accent-foreground)}.title-bar-export-btn:disabled{opacity:.6;cursor:default}.title-bar--mac .title-bar-export-btn{margin-right:var(--topbar-mac-safe-right)}.title-bar-window-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--logo-slot-width);height:100%;border:none;border-radius:0;background:transparent;color:var(--muted-foreground);cursor:pointer;-webkit-app-region:no-drag;app-region:no-drag}.title-bar-window-btn:hover{background-color:var(--accent);color:var(--accent-foreground)}.title-bar-window-btn--close:hover{background-color:var(--destructive);color:var(--destructive-foreground)}.app-layout{padding-top:var(--topbar-height)}.signals-audiolines--live svg>*:nth-child(6){animation-duration:.5s;animation-delay:-.4s}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-xs::file-selector-button{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.file\:font-medium::file-selector-button{font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-r-0:last-child{border-right-width:0px}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-ring:focus-within{--tw-ring-color: var(--ring)}.hover\:z-10:hover{z-index:10}.hover\:scale-y-150:hover{--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-background:hover{background-color:var(--background)}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary:hover{background-color:var(--primary)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-card-foreground:hover{color:var(--card-foreground)}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: var(--ring)}.focus-visible\:pointer-events-auto:focus-visible{pointer-events:auto}.focus-visible\:w-\[var\(--chain-drag-slot\)\]:focus-visible{width:var(--chain-drag-slot)}.focus-visible\:text-destructive:focus-visible{color:var(--destructive)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: var(--ring)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group\/number:focus-within .group-focus-within\/number\:opacity-100{opacity:1}.group\/chain-scroll:hover .group-hover\/chain-scroll\:pointer-events-auto{pointer-events:auto}.group\/chip:hover .group-hover\/chip\:w-\[var\(--chain-drag-slot\)\]{width:var(--chain-drag-slot)}.group\/chain-scroll:hover .group-hover\/chain-scroll\:opacity-100,.group\/chip:hover .group-hover\/chip\:opacity-100,.group\/number:hover .group-hover\/number\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group.toaster .group-\[\.toaster\]\:border-border{border-color:var(--border)}.group.toast .group-\[\.toast\]\:bg-muted{background-color:var(--muted)}.group.toast .group-\[\.toast\]\:bg-primary{background-color:var(--primary)}.group.toaster .group-\[\.toaster\]\:bg-card{background-color:var(--card)}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:var(--muted-foreground)}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:var(--primary-foreground)}.group.toaster .group-\[\.toaster\]\:text-card-foreground{color:var(--card-foreground)}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.has-\[\>svg\]\:grid-cols-\[var\(--icon-size-sm\)_1fr\]:has(>svg){grid-template-columns:var(--icon-size-sm) 1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){-moz-column-gap:var(--gap-3);column-gap:var(--gap-3)}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: var(--gap-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: calc(var(--gap-1) * -1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: var(--gap-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: calc(var(--gap-1) * -1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-switch-on[data-state=checked]{--tw-translate-x: var(--switch-thumb-checked-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0\.5[data-state=unchecked]{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[state\=checked\]\:bg-background[data-state=checked]{background-color:var(--background)}.data-\[state\=checked\]\:bg-foreground[data-state=checked]{background-color:var(--foreground)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}@media(min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:justify-end{justify-content:flex-end}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\]\:size-\[length\:var\(--font-size-2xs\)\]>svg{width:var(--font-size-2xs);height:var(--font-size-2xs)}.\[\&\>svg\]\:size-icon-sm>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.\[\&\>svg\]\:size-icon-xs>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\]\:opacity-70>svg{opacity:.7}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:var(--gap-2);padding-right:var(--gap-2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:var(--gap-2);padding-right:var(--gap-2)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:var(--gap-2);padding-right:var(--gap-2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:var(--gap-3);padding-bottom:var(--gap-3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:var(--gap-3);height:var(--gap-3)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:\!size-\[length\:var\(--icon-size-sm\)\] svg{width:var(--icon-size-sm)!important;height:var(--icon-size-sm)!important}.\[\&_svg\]\:size-icon-sm svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.\[\&_svg\]\:size-icon-xs svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:var(--background)}html,body,#root{width:100%;height:100vh;margin:0;overflow:hidden}.app-layout{width:100%;height:100vh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);box-sizing:border-box;min-height:0}.viewport-container{position:relative;width:100%;height:100%;overflow:hidden;min-height:0;min-width:0}.viewport-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--canvas-bg)}.viewport-stage--gestures{touch-action:none;cursor:grab}.viewport-stage--gestures.viewport-stage--space-pan,.viewport-stage--gestures.viewport-stage--panning{cursor:grabbing}.viewport-stage-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.artboard-frame{position:relative;flex-shrink:0;width:var(--artboard-w, auto);height:var(--artboard-h, auto);background-color:var(--artboard-bg, transparent);transform:translate(var(--artboard-tx, 0),var(--artboard-ty, 0)) scale(var(--artboard-scale, 1));transform-origin:center center;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);overflow:hidden}.visually-hidden-input{display:none}.artboard-frame .artboard{width:100%;height:100%;position:relative}.artboard-frame canvas{display:block;width:100%;height:100%}:root,.dark{--app-bg: var(--background);--text-main: var(--foreground);--text-passive: var(--muted-foreground);--border-color: var(--border);--accent-primary: var(--primary);--state-active-bg: var(--muted);--radius-control: var(--radius-md);--icon-size-md: 18px}input,textarea,.cm-content{-moz-user-select:text!important;user-select:text!important;-webkit-user-select:text!important}.app-layout.playground-active{grid-template-columns:1fr}.app-layout.playground-active .unified-panel-wrapper{display:none}.app-layout.playground-active .sp-workspace{min-height:0;height:100%}.app-layout.kinetic-active{grid-template-columns:1fr}.app-layout.node-active .node-workspace{z-index:1}.sp-status-bar{position:absolute;bottom:calc(8px * var(--ui-scale, 1));left:calc(12px * var(--ui-scale, 1));display:flex;gap:12px;font-size:11px;color:var(--text-passive, var(--muted-foreground));pointer-events:none}.sp-status-error{color:#ef5350}.sp-editor-stack{flex:1;min-height:0;display:flex;flex-direction:column}.sp-code-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border-color, var(--border));flex-shrink:0}.sp-code-tabs{display:flex;gap:4px}.sp-code-tab{border:none;background:transparent;color:var(--text-passive, var(--muted-foreground));font-size:12px;padding:4px 10px;border-radius:var(--radius-control, var(--radius));cursor:pointer}.sp-code-tab.active{background:var(--state-active-bg, var(--muted));color:var(--text-main, var(--foreground))}