:root{color-scheme:dark;--studio-focus-color:#92969d;--studio-spacing-unit:4px;--studio-line-height:1.45;--font-roboto:"Studio Roboto";--font-geist-mono:"Studio Geist Mono";--studio-font-ui:var(--font-roboto), Arial, Helvetica, sans-serif;--studio-font-numeric:var(--font-geist-mono), monospace;--studio-font-regular:400;--studio-font-medium:500;--studio-font-semibold:600;--studio-tracking:0;--studio-tracking-caption:.025em;--studio-label-font-size:var(--studio-type-body);--studio-label-font-weight:var(--studio-font-regular);--studio-menu-font-size:var(--studio-label-font-size);--studio-menu-font-weight:var(--studio-label-font-weight);--studio-type-title:16px;--studio-type-subheading:14px;--studio-scrollbar-size:9px;--studio-timeline-scrollbar-height:16px;--studio-home-background:#18191c;--studio-black:#000;--studio-danger-text:#e8b4b4;--studio-danger:#e27c7c;--studio-danger-border:#e1747452;--studio-danger-surface:#402829;--studio-danger-soft:#b5494921;--studio-warning-text:#dccba1;--studio-warning-border:#dcaa4d47;--studio-warning-surface:#2a251b;--studio-timeline-ruler-height:36px;--studio-work-area:color-mix(in srgb, var(--studio-accent) 60%, var(--studio-panel));--studio-work-area-hover:color-mix(in srgb, var(--studio-accent) 80%, var(--studio-panel));--studio-work-area-handle:var(--studio-accent);--studio-work-area-handle-hover:var(--studio-accent-hover);--studio-row-line:#ffffff0a;--studio-row-wash:#ffffff05;--studio-row-hover:#ffffff09;--studio-row-card:#ffffff0a;--studio-control-pressed:#ffffff1f;--studio-text-disabled:#ffffff61;--studio-scrollbar-thumb:#ffffff38;--studio-scrollbar-hover:#ffffff52;--studio-overlay-scrim:#0000008f;--studio-overlay-surface:#0f1012db;--studio-selection-tool-color:#ffb13b;--studio-spline-point:#fff;--studio-spline-point-selected:#ffd84a;--studio-selection-text-background:#4da3ff5c;--studio-home-badge-alternate:#a8c8eb;--studio-editor-canvas-background:#20242a;--studio-framing-guide:#ffffffa6;--studio-framing-guide-shadow:#00000073;--studio-type-display-8:8px;--studio-space-1:calc(var(--studio-spacing-unit) * 1 / 4);--studio-space-2:calc(var(--studio-spacing-unit) * 2 / 4);--studio-space-3:calc(var(--studio-spacing-unit) * 3 / 4);--studio-space-4:calc(var(--studio-spacing-unit) * 4 / 4);--studio-space-5:calc(var(--studio-spacing-unit) * 5 / 4);--studio-space-6:calc(var(--studio-spacing-unit) * 6 / 4);--studio-space-7:calc(var(--studio-spacing-unit) * 7 / 4);--studio-space-8:calc(var(--studio-spacing-unit) * 8 / 4);--studio-space-9:calc(var(--studio-spacing-unit) * 9 / 4);--studio-space-10:calc(var(--studio-spacing-unit) * 10 / 4);--studio-space-11:calc(var(--studio-spacing-unit) * 11 / 4);--studio-space-12:calc(var(--studio-spacing-unit) * 12 / 4);--studio-space-13:calc(var(--studio-spacing-unit) * 13 / 4);--studio-space-14:calc(var(--studio-spacing-unit) * 14 / 4);--studio-space-15:calc(var(--studio-spacing-unit) * 15 / 4);--studio-space-16:calc(var(--studio-spacing-unit) * 16 / 4);--studio-space-24:calc(var(--studio-spacing-unit) * 24 / 4);--studio-space-28:calc(var(--studio-spacing-unit) * 28 / 4);--studio-space-36:calc(var(--studio-spacing-unit) * 36 / 4);--studio-radius-1:1px;--studio-radius-2:2px;--studio-radius-3:3px;--studio-radius-4:4px;--studio-radius-5:5px;--studio-radius-6:6px;--studio-radius-8:8px;--studio-radius-10:10px;--studio-radius-999:999px;--studio-catalog-window:#222326;--studio-catalog-canvas:#18191b;--studio-catalog-well:#191a1d;--studio-catalog-well-border:#151619;--studio-catalog-surface:#2b2c30;--studio-catalog-text:#dedfe1;--studio-catalog-label:#c6c8cb;--studio-catalog-muted:#777a80;--studio-catalog-neutral:#96999e;--studio-catalog-accent:#477fb8;--studio-catalog-accent-light:#91b8df;--studio-object-generator:#79da8b;--studio-object-primitive:#7ecde9;--studio-object-field:#e8a1ed;--studio-object-effector:#a69aff;--studio-object-organization:#aabac8;--studio-object-scene:#eed389;--studio-object-spline:#72aef5;--studio-object-enabled:#77db8c;--studio-object-disabled:#e17c7b;--studio-object-inherited:#777b80;--studio-motion-clip:#e9c742;--studio-hierarchy-icon-size:18.5px;--studio-drag-preview-max-width:240px;--studio-asset-drag-preview-size:48px;--studio-hierarchy-control-size:22px;--studio-hierarchy-control-icon-size:14.5px;--studio-component-glyph-size:16.5px;--studio-component-point-selection:var(--studio-object-primitive);--studio-component-empty:var(--studio-text-subtle);--studio-component-edge-selection:var(--studio-text-muted);--studio-component-polygon-selection:var(--studio-text-muted);--studio-hierarchy-control-stroke:1.75;--studio-hierarchy-add-size:16.5px;--studio-hierarchy-add-icon-size:13px;--studio-hierarchy-column-gap:var(--studio-space-4);--studio-hierarchy-dot-size:7px;--studio-hierarchy-column-width:26px;--studio-hierarchy-padding-inline:var(--studio-space-8);--studio-hierarchy-indent:14px;--studio-hierarchy-name-inset:var(--studio-space-6);--studio-hierarchy-column-line:#ffffff0f;--studio-object-deformer:#a99cff;--studio-catalog-generators:var(--studio-object-generator);--studio-catalog-effectors:var(--studio-object-effector);--studio-catalog-scene:var(--studio-object-scene);--studio-catalog-hairline:#ffffff0e;--studio-catalog-border:#ffffff17;--studio-catalog-window-border:#ffffff47;--studio-catalog-window-edge:#ffffff6b;--studio-catalog-backdrop:#00000047;--studio-catalog-search-background:#101114;--studio-catalog-search-border:#42464d;--studio-catalog-search-hover-border:#626873;--studio-catalog-width:1320px;--studio-catalog-height:780px;--studio-catalog-item-min-width:152px;--studio-catalog-header-height:46px;--studio-catalog-icon-size:22.5px;--studio-catalog-icon-slot-size:var(--studio-catalog-icon-size);--studio-catalog-radius:6px;--studio-catalog-control-radius:4px;--studio-catalog-title-size:13px;--studio-catalog-label-size:var(--studio-label-font-size);--studio-catalog-key-size:10.5px;--studio-catalog-count-size:9.5px;--studio-timeline-selection-tint:14%;--studio-timeline-selected-strip-tint:24%;--studio-canvas:#0e0f11;--studio-bg:#141517;--studio-inspector-choice-width:82px;--studio-inspector-preview-width:48px;--studio-range-track-height:2px;--studio-range-selection-height:10px;--studio-range-handle-width:6px;--studio-range-handle-radius:5px;--studio-range-field-width:40px;--studio-range-width:288px;--studio-range-track:#5e5e5e;--studio-range-selection:#929292;--studio-range-handle:#b6b6b6;--studio-range-handle-seam:#555;--studio-drop-height:64px;--studio-drop-slot-height:32px;--studio-drop-item-surface:var(--studio-control);--studio-drop-item-border:var(--studio-border);--studio-drop-padding:var(--studio-space-8);--studio-drop-radius:var(--studio-radius-3);--studio-drop-surface:#171a1e;--studio-drop-border:#50565e;--studio-drop-title:#e0e3e8;--studio-drop-hint:#aeb5be;--studio-drop-icon-size:32px;--studio-drop-icon-surface:#292e35;--studio-drop-icon-border:#69727e;--studio-drop-active-border:var(--studio-accent);--studio-drop-active-surface:color-mix(in srgb, var(--studio-accent) 14%, var(--studio-drop-surface));--studio-drop-invalid-surface:color-mix(in srgb, var(--studio-danger) 14%, var(--studio-drop-surface));--studio-timeline-grid-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath vector-effect='non-scaling-stroke' d='M.5 0V1' stroke='white' stroke-opacity='.045'/%3E%3C/svg%3E");--studio-timeline-row-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 26' preserveAspectRatio='none'%3E%3Cpath vector-effect='non-scaling-stroke' d='M0 .5H1' stroke='white' stroke-opacity='.025'/%3E%3C/svg%3E");--studio-transparency-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v8H0zM8 8h8v8H8z' fill='%232a2a2a'/%3E%3C/svg%3E");--studio-inspector-curve-height:120px;--studio-inspector-curve-padding:var(--studio-space-12);--studio-inspector-label-width:112px;--studio-inspector-look-gap:var(--studio-property-stack-gap);--studio-inspector-source-accent:var(--studio-catalog-generators);--studio-inspector-layout-accent:#78b5ca;--studio-inspector-transform-accent:#8bbd9e;--studio-inspector-effector-accent:var(--studio-catalog-effectors);--studio-inspector-appearance-accent:#b99bd7;--studio-inspector-neutral-accent:var(--studio-property-text-muted);--studio-inspector-glyph-size:18.5px;--studio-inspector-mode-diagram-height:24px;--studio-inspector-accent-wash:9%;--studio-property-card-gap:10px;--studio-property-card-padding:10px;--studio-panel:#1b1c1f;--studio-panel-sunken:#17181b;--studio-panel-raised:#232529;--studio-chrome:#1f2124;--studio-control:#2b2e33;--studio-hover:#ffffff12;--studio-border-soft:#ffffff0f;--studio-border:#ffffff1b;--studio-border-strong:#ffffff2e;--studio-menu-surface:#2e3035;--studio-menu-border:#ffffff47;--studio-menu-hover:#ffffff17;--studio-menu-text:var(--studio-text);--studio-menu-hint:var(--studio-text-muted);--studio-menu-heading:var(--studio-text-subtle);--studio-menu-item-radius:var(--studio-control-radius);--studio-menu-padding:var(--studio-space-4);--studio-menu-item-height:26px;--studio-menu-item-padding-inline:var(--studio-space-8);--studio-menu-icon-size:var(--studio-icon-small-size);--studio-menu-min-width:160px;--studio-menu-max-width:360px;--studio-menu-separator-color:var(--studio-border);--studio-menu-separator-height:1px;--studio-text:#f0f0f2;--studio-text-muted:#adaeb3;--studio-text-subtle:#8f9197;--studio-property-text:#c8c4ba;--studio-property-text-muted:#aaa69e;--studio-property-text-subtle:#938f88;--studio-accent:#4da3ff;--studio-accent-hover:#73b7ff;--studio-accent-foreground:#07131f;--studio-accent-soft:#4da3ff21;--studio-accent-drop-fill:#4da3ff2b;--studio-accent-drop-border:#4da3ffd1;--studio-positive:#72c792;--studio-label-blue:#73b7ff;--studio-label-cyan:#6fb6c9;--studio-label-amber:#dcaa4d;--studio-label-rose:#d76982;--studio-label-violet:#9d7bd8;--studio-label-lime:#72c792;--studio-group-row-tint:20%;--studio-group-child-tint:10%;--studio-timeline-strip-inset:1px;--studio-axis-x:#f07878;--studio-axis-y:#70bf83;--studio-axis-z:#72a1e8;--studio-gizmo-radius:64px;--studio-gizmo-length:80px;--studio-gizmo-tick-length:4px;--studio-gizmo-plane-inset:.25;--studio-gizmo-plane-size:.25;--studio-gizmo-plane-min-thickness:4px;--studio-gizmo-plane-opacity:.65;--studio-gizmo-plane-active-opacity:.95;--studio-gizmo-thickness:1;--studio-gizmo-stroke:2.2px;--studio-gizmo-active-stroke:2.8px;--studio-gizmo-hit-width:18px;--studio-gizmo-detail-stroke:1px;--studio-gizmo-highlight:#e6dfd0;--studio-gizmo-parameter:#ffcf00;--studio-gizmo-rear-opacity:.28;--studio-gizmo-muted-opacity:.24;--studio-gizmo-disabled-opacity:.45;--studio-gizmo-sweep-opacity:.14;--studio-gizmo-tick-opacity:.7;--studio-gizmo-arrow-size:10;--studio-gizmo-knob-size:8;--studio-gizmo-scale-center-size:18px;--studio-gizmo-scale-center-hit-size:40px;--studio-gizmo-scale-center-x:#bbb;--studio-gizmo-scale-center-y:#ddd;--studio-gizmo-scale-center-z:#888;--studio-gizmo-scale-center-active-x:var(--studio-gizmo-highlight);--studio-gizmo-scale-center-active-y:#fff5dc;--studio-gizmo-scale-center-active-z:#bfb8aa;--studio-gizmo-marker-radius:3px;--studio-gizmo-label-offset:7px;--studio-gizmo-origin-dash:3 3;--studio-gizmo-readout-width:140px;--studio-gizmo-readout-offset:18px;--studio-gizmo-readout-safe-height:48px;--studio-gizmo-readout-gap:7px;--studio-gizmo-readout-padding:5px 7px;--studio-layer-media:#9aa6b1;--studio-layer-media-active:#c2ccd4;--studio-layer-adjustment:#d0a45e;--studio-layer-adjustment-active:#e1b96f;--studio-type-micro:9px;--studio-type-caption:10px;--studio-type-small:11px;--studio-type-body:12px;--studio-type-heading:13px;--studio-type-metric:20px;--studio-type-value:15px;--studio-stats-card-width:320px;--studio-stats-card-compact-width:300px;--studio-stats-card-collapsed-width:70px;--studio-stats-card-label-width:76px;--studio-stats-card-padding-inline:10px;--studio-stats-divider:var(--studio-border);--studio-control-height:28px;--studio-control-square:30px;--studio-viewport-settings-control-size:26px;--studio-component-tool-size:33.6px;--studio-catalog-quick-width:360px;--studio-catalog-quick-wide-width:840px;--studio-catalog-quick-button-inset:.75px;--studio-component-tool-icon-size:22.5px;--studio-selection-tool-icon-size:22.5px;--studio-component-rail-padding:var(--studio-space-2);--studio-component-rail-width:calc(var(--studio-component-tool-size) + (2 * var(--studio-component-rail-padding)) + 1px);--studio-component-topbar-padding:calc(var(--studio-component-rail-padding) - .5px);--studio-component-topbar-height:calc(var(--studio-component-rail-width) - 1px);--studio-shading-icon-stroke:1px;--studio-control-padding-inline:8px;--studio-control-gap:5px;--studio-control-group-gap:4px;--studio-control-group-padding-inline:2px;--studio-control-radius:3px;--studio-control-font-size:var(--studio-label-font-size);--studio-control-font-weight:var(--studio-label-font-weight);--studio-icon-small-size:16.5px;--studio-icon-display-size:38.5px;--studio-control-icon-size:18.5px;--studio-control-icon-stroke:1.75;--studio-control-hover:var(--studio-hover);--studio-control-active:#4da3ff38;--studio-split-control-background:#0000001f;--studio-split-control-border:var(--studio-border);--studio-split-control-divider-color:var(--studio-border-soft);--studio-split-control-divider-height:16px;--studio-split-control-secondary-width:28px;--studio-scene-popover-width:240px;--studio-scene-field-width:104px;--studio-scene-number-input-width:72px;--studio-scene-unit-width:26px;--studio-control-hairline-height:20px;--studio-control-hairline-color:var(--studio-border-strong);--studio-control-hairline-gap:8px;--studio-subbar-height:34px;--studio-toolbar-height:38px;--studio-dock-tab-height:26px;--studio-dock-inline-tab-width:144px;--studio-dock-tab-close-width:24px;--studio-dock-corner-height:var(--studio-subbar-height);--studio-dock-corner-timeline-height:var(--studio-toolbar-height);--studio-dock-corner-content-gap:6px;--studio-dock-corner-padding-end:8px;--studio-dock-tab-padding-inline:8px;--studio-dock-tab-content-gap:5px;--studio-dock-hairline-height:20px;--studio-dock-hairline-color:var(--studio-border-strong);--studio-dock-workspace-edge-hit-size:12px;--studio-dock-drop-preview-size:20px;--studio-asset-preview-size:120px;--studio-field-height:20px;--studio-field-number-width:72px;--studio-field-axis-width:12px;--studio-field-gap:4px;--studio-field-padding-inline:3px;--studio-field-font-size:var(--studio-label-font-size);--studio-field-text-align:center;--studio-field-swatch-padding:3px;--studio-field-swatch-width:36px;--studio-field-select-max-width:260px;--studio-inspector-compact-field-width:180px;--studio-field-select-height:var(--studio-control-height);--studio-field-select-padding-block:3px;--studio-field-select-padding-inline:var(--studio-control-padding-inline);--studio-field-select-padding-end:28px;--studio-field-select-font-size:var(--studio-label-font-size);--studio-field-radius:2px;--studio-field-background:var(--studio-canvas);--studio-field-hover-background:color-mix(in srgb, var(--studio-canvas) 80%, var(--studio-panel));--studio-field-border:#3d4046;--studio-field-inset-border:var(--studio-field-border);--studio-field-hover-border:#51555c;--studio-field-focus-border:var(--studio-focus-color);--studio-field-keyed-border:hsl(from var(--studio-accent) h calc(s * .1) l);--studio-field-animated-border:color-mix(in srgb, var(--studio-field-keyed-border) 50%, var(--studio-field-border));--studio-field-disabled-opacity:.42;--studio-property-label-width:var(--studio-inspector-label-width);--studio-inspector-row-inset:var(--studio-property-padding-inline);--studio-inspector-key-gutter:22px;--studio-property-key-width:18px;--studio-property-key-height:var(--studio-field-height);--studio-property-key-icon-size:10.5px;--studio-property-key-row-height:var(--studio-field-height);--studio-property-value-width:calc(3 * var(--studio-field-number-width) + 2 * var(--studio-field-gap));--studio-property-row-height:calc(var(--studio-field-height) + 2 * var(--studio-property-padding-block));--studio-property-column-gap:8px;--studio-property-padding-inline:8px;--studio-property-padding-block:4px;--studio-property-stack-gap:4px;--studio-field-group-padding:var(--studio-space-6);--studio-field-group-margin:var(--studio-space-6);--studio-field-group-divider-width:1px;--studio-field-group-divider:var(--studio-border-soft);--studio-field-group-select-width:136px;--studio-field-textarea-min-height:72px;--studio-inspector-header-height:48px;--studio-inspector-compact-header-height:28px;--studio-inspector-heading-padding-block:var(--studio-property-padding-block);--studio-inspector-heading-padding-inline:var(--studio-property-padding-inline);--studio-inspector-heading-gap:var(--studio-field-gap);--studio-inspector-preview-header-height:calc(var(--studio-asset-preview-size) + 2 * var(--studio-space-4) + 1px);--studio-inspector-divider:#ffffff08;--studio-group-divider:var(--studio-border);--studio-inspector-heading-background:var(--studio-control);--studio-inspector-section-background:color-mix(in srgb, var(--studio-inspector-heading-background) 55%, var(--studio-panel));--studio-property-section-padding-block:6px;--studio-property-section-padding-end:8px;--studio-property-section-height:28px;--studio-property-section-font-size:var(--studio-label-font-size);--studio-property-section-font-weight:var(--studio-font-medium);--studio-property-description-line-height:1.4;--studio-note-gap:var(--studio-space-4);--studio-note-font-size:var(--studio-type-small);--studio-action-row-gap:var(--studio-property-stack-gap);--studio-action-button-min-width:56px;--studio-progress-height:4px;--studio-progress-track-height:10px;--studio-progress-track:var(--studio-control);--studio-progress-fill:var(--studio-accent);--studio-property-button-height:24px;--studio-property-button-padding-inline:6px;--studio-property-button-icon-size:14.5px;--studio-inspector-help-size:18px;--studio-property-slider-track-height:3px;--studio-property-slider-thumb-size:10px;--studio-property-slider-track:var(--studio-control);--studio-property-slider-thumb:var(--studio-accent);--studio-property-check-size:13px;--studio-property-check-mark-width:7px;--studio-property-check-mark-height:4px}@font-face{font-family:Studio Roboto;src:url(/assets/Roboto-Variable-B3covOPw.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Studio Geist Mono;src:url(/assets/GeistMono-Variable-Vc9u_qg9.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--studio-focus-width:1px;--studio-focus-offset:-1px;--studio-topbar-height:32px;--studio-menu-radius:var(--studio-radius-6)}input[data-scrubbable-number]{cursor:ew-resize;appearance:textfield}input[data-scrubbable-number]:focus:not([data-scrubbing]){cursor:text}input[data-scrubbable-number]:disabled,input[data-scrubbable-number]:read-only{cursor:not-allowed}.studio-field{font-family:var(--studio-font-ui);font-weight:var(--studio-label-font-weight);letter-spacing:var(--studio-tracking);box-sizing:border-box;width:100%;min-width:0;height:var(--studio-field-height);border:1px solid var(--studio-field-border);border-top-color:var(--studio-field-inset-border);border-left-color:var(--studio-field-inset-border);border-radius:var(--studio-field-radius);padding-inline:var(--studio-field-padding-inline);color:var(--studio-property-text);background:var(--studio-field-background);font-size:var(--studio-field-font-size)}.studio-field:where(label,span){padding-inline:0}textarea.studio-field{height:auto;min-height:var(--studio-field-textarea-min-height);resize:vertical}.studio-field:where(:hover:not(:disabled):not(:has(.studio-field-input:disabled)):not(.studio-field--readonly)){border-color:var(--studio-field-hover-border);border-top-color:var(--studio-field-inset-border);background:var(--studio-field-hover-background)}.studio-field[data-animated]{color:var(--studio-accent);border-bottom-color:var(--studio-field-animated-border)}.studio-field[data-keyed]{border-color:var(--studio-field-keyed-border)}.studio-field:focus-within{border-color:var(--studio-field-focus-border);outline:none}.studio-field:disabled,.studio-field:has(.studio-field-input:disabled){opacity:var(--studio-field-disabled-opacity);cursor:default}.studio-field:where(input[data-scrubbable-number]),.studio-field-input{font-family:var(--studio-font-numeric);font-size:var(--studio-field-font-size);font-weight:var(--studio-label-font-weight);font-variant-numeric:tabular-nums;text-align:var(--studio-field-text-align);appearance:textfield}.studio-field-input{width:100%;min-width:0;height:100%;padding:0 var(--studio-field-padding-inline);color:inherit;background:0 0;border:0}.studio-field-input:focus{outline:0}.studio-field::placeholder,.studio-field-input::placeholder{color:var(--studio-text-subtle);opacity:1}select.studio-field{max-width:var(--studio-field-select-max-width);height:var(--studio-field-select-height);padding-block:var(--studio-field-select-padding-block);font-size:var(--studio-field-select-font-size);padding-inline-start:var(--studio-field-select-padding-inline);padding-inline-end:var(--studio-field-select-padding-end);font-family:inherit}.studio-field[type=color]{appearance:none;width:var(--studio-field-swatch-width);max-width:min(100%, var(--studio-field-swatch-width));padding:var(--studio-field-swatch-padding);cursor:pointer;flex:none;justify-self:start}.studio-field[type=color]::-webkit-color-swatch-wrapper{padding:0}.studio-field[type=color]::-webkit-color-swatch{border-radius:var(--studio-field-radius);border:0}.studio-field[type=color]::-moz-color-swatch{border-radius:var(--studio-field-radius);border:0}.studio-field--readonly{color:var(--studio-text-muted)}.studio-property-button{min-height:var(--studio-property-button-height);justify-content:center;align-items:center;gap:var(--studio-field-gap);border:1px solid var(--studio-border);border-radius:var(--studio-field-radius);padding:0 var(--studio-property-button-padding-inline);color:var(--studio-text-muted);background:var(--studio-panel-raised);font-size:var(--studio-label-font-size);cursor:pointer;display:inline-flex}.studio-property-button svg{width:var(--studio-property-button-icon-size);height:var(--studio-property-button-icon-size)}.studio-property-button:hover:not(:disabled):not([data-active],[aria-pressed=true]){color:var(--studio-text);background:var(--studio-control)}.studio-property-button:active:not(:disabled):not([data-active],[aria-pressed=true],.studio-property-button--primary){background:var(--studio-control-pressed)}.studio-property-button--compact{place-self:center;width:fit-content;max-width:100%}.studio-property-button--icon{width:var(--studio-property-button-height);height:var(--studio-property-button-height);flex:none;padding:0}.studio-property-button:is([data-active],[aria-pressed=true]){color:var(--studio-property-button-accent,var(--studio-accent-hover));background:color-mix(in srgb, var(--studio-property-button-accent,var(--studio-accent)) 22%, var(--studio-panel-raised))}.studio-property-button--accented{color:var(--studio-accent);border-color:color-mix(in srgb, var(--studio-accent) 35%, var(--studio-border));background:var(--studio-accent-soft)}.studio-property-button--accented:hover:not(:disabled){color:var(--studio-accent-hover);border-color:var(--studio-accent);background:var(--studio-accent-drop-fill)}.studio-property-button--primary{color:var(--studio-accent-foreground);border-color:var(--studio-accent);background:var(--studio-accent)}.studio-property-button--primary:hover:not(:disabled){color:var(--studio-accent-foreground);background:var(--studio-accent-hover)}.studio-property-button:disabled,.studio-check:disabled,.studio-slider:disabled{opacity:var(--studio-field-disabled-opacity);cursor:default}.studio-property-button:focus-visible,.studio-check:focus-visible,.studio-slider:focus-visible{outline:var(--studio-focus-width) solid var(--studio-field-focus-border);outline-offset:1px}.studio-check{appearance:none;box-sizing:border-box;width:var(--studio-property-check-size);height:var(--studio-property-check-size);border:1px solid var(--studio-field-hover-border);border-radius:var(--studio-field-radius);background:var(--studio-field-background);cursor:pointer;flex:none;place-content:center;margin:0;display:inline-grid}.studio-check:checked{border-color:var(--studio-accent);background:var(--studio-accent)}.studio-check:checked:after{content:"";width:var(--studio-property-check-mark-width);height:var(--studio-property-check-mark-height);border-bottom:1.5px solid var(--studio-accent-foreground);border-left:1.5px solid var(--studio-accent-foreground);margin-top:-2px;transform:rotate(-45deg)}.studio-slider{appearance:none;width:100%;min-width:0;height:var(--studio-field-height);cursor:ew-resize;background:0 0;border:0;margin:0;padding:0}.studio-slider::-webkit-slider-runnable-track{height:var(--studio-property-slider-track-height);border-radius:var(--studio-field-radius);background:var(--studio-property-slider-track)}.studio-slider::-webkit-slider-thumb{appearance:none;width:var(--studio-property-slider-thumb-size);height:var(--studio-property-slider-thumb-size);margin-top:calc((var(--studio-property-slider-track-height) - var(--studio-property-slider-thumb-size)) / 2);background:var(--studio-property-slider-thumb);border:0;border-radius:50%}.studio-slider::-moz-range-track{height:var(--studio-property-slider-track-height);border-radius:var(--studio-field-radius);background:var(--studio-property-slider-track)}.studio-slider::-moz-range-thumb{width:var(--studio-property-slider-thumb-size);height:var(--studio-property-slider-thumb-size);background:var(--studio-property-slider-thumb);border:0;border-radius:50%}:root{--studio-type-micro:11px;--studio-type-caption:12px;--studio-type-small:13px;--studio-type-body:14px;--studio-type-heading:15px;--studio-type-subheading:16px;--studio-type-title:18px;--studio-control-height:34px;--studio-control-square:34px;--studio-topbar-height:44px;--studio-subbar-height:40px;--studio-toolbar-height:40px;--studio-icon-small-size:20px;--studio-control-icon-size:20px;--studio-field-height:26px;--studio-field-padding-inline:5px;--studio-property-padding-block:5px;--studio-property-column-gap:10px;--studio-property-section-height:36px;--studio-inspector-compact-header-height:36px;--studio-property-button-height:30px;--studio-property-button-padding-inline:8px;--studio-property-button-icon-size:20px;--studio-inspector-help-size:28px;--studio-property-check-size:16px;--studio-property-check-mark-width:8px;--studio-property-check-mark-height:5px;--studio-property-slider-thumb-size:12px;--studio-menu-item-height:34px;--key-inspection-button-size:36px;--key-inspection-icon-size:22px;--key-project-row-height:44px}#right-rail{--studio-field-height:20px;--studio-field-number-width:56px;--key-field-unit-width:64px;--studio-field-font-size:var(--studio-type-small);--studio-field-select-height:var(--studio-field-height);--studio-field-select-padding-block:0px;--studio-inspector-label-width:128px;--studio-property-label-width:var(--studio-inspector-label-width);--studio-inspector-key-gutter:0px;--studio-property-padding-block:4px;--studio-property-row-height:calc(var(--studio-field-height) + 2 * var(--studio-property-padding-block));--studio-property-column-gap:6px;--studio-property-button-height:26px;--compact-action-size:var(--studio-property-button-height);--field-size:var(--studio-field-height);--studio-property-section-height:32px;--studio-inspector-help-size:24px;--studio-property-slider-track-height:4px}@media (any-pointer:coarse){:root{--studio-control-square:44px;--studio-menu-item-height:44px;--key-inspection-button-size:44px}#right-rail{--studio-field-height:32px;--studio-property-padding-block:6px;--studio-property-button-height:44px;--studio-inspector-help-size:44px;--studio-inspector-compact-header-height:52px;--studio-property-section-height:52px}}:root{--bg:var(--studio-bg);--bg-0:var(--studio-bg);--bg-1:var(--studio-panel);--bg-2:var(--studio-panel-raised);--bg-3:var(--studio-control);--line-strong:var(--studio-border-strong);--text-dim:var(--studio-text-muted);--text-faint:var(--studio-text-subtle);--sans:var(--studio-font-ui);--left-w:280px;--hierarchy-w:260px;--right-w:384px;--panel:var(--studio-panel);--card:var(--studio-panel);--line:var(--studio-border);--line-soft:var(--studio-border-soft);--field:var(--studio-field-background);--text:var(--studio-text);--muted:var(--studio-text-muted);--accent:var(--studio-accent);--accent-ink:var(--studio-accent-foreground);--warn:var(--studio-warning-text);--mono:var(--studio-font-numeric);--action-size:var(--studio-control-height);--compact-action-size:var(--studio-property-button-height);--field-size:var(--studio-field-height);--control-text-size:var(--studio-label-font-size);--action-border:var(--studio-border)}@media (any-pointer:coarse){:root{--action-size:44px;--compact-action-size:44px;--field-size:44px;--control-text-size:var(--studio-label-font-size);--studio-field-height:32px;--studio-property-button-height:44px;--studio-property-padding-block:6px;--studio-property-check-size:18px}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:var(--studio-type-body)/var(--studio-line-height) var(--studio-font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}button,summary{cursor:pointer}button:disabled,input:disabled,select:disabled{opacity:var(--studio-field-disabled-opacity);cursor:default}[hidden]{display:none!important}:focus-visible{outline:var(--studio-focus-width) solid var(--studio-focus-color);outline-offset:1px}::selection{background:var(--studio-selection-text-background)}svg{width:var(--studio-icon-small-size);height:var(--studio-icon-small-size);stroke:currentColor;stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--studio-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--studio-scrollbar-hover)}.spacer,.flex-spacer{flex:1}.mono,.time,.stats{font-family:var(--mono);font-variant-numeric:tabular-nums}.button,.ghost{justify-content:center;align-items:center;gap:var(--studio-field-gap);min-height:var(--action-size);padding:0 var(--studio-control-padding-inline);border:1px solid var(--action-border);border-radius:var(--studio-control-radius);background:var(--studio-panel-raised);color:var(--studio-text-muted);font-size:var(--studio-label-font-size);font-weight:var(--studio-label-font-weight);white-space:nowrap;display:inline-flex}.button:hover:not(:disabled),.ghost:hover:not(:disabled){background:var(--studio-control);color:var(--studio-text)}.button:active:not(:disabled),.ghost:active:not(:disabled){background:var(--studio-control-pressed)}.ghost{background:var(--panel)}.button.icon{width:var(--studio-control-square);flex:none;padding:0}.button>svg{width:var(--studio-control-icon-size);height:var(--studio-control-icon-size);stroke-width:var(--studio-control-icon-stroke)}.button.active,.button[aria-pressed=true],.button[aria-pressed=true]:hover:not(:disabled){background:var(--studio-control-active);color:var(--studio-accent-hover)}.chevron{border-bottom:1px solid;border-right:1px solid;width:6px;height:6px;margin:-3px 2px 0;display:inline-block;transform:rotate(45deg)}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu[open]>summary{background:var(--studio-control-active);color:var(--studio-accent-hover)}.menu-body{z-index:20;width:232px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 80px);padding:var(--studio-menu-padding);border:1px solid var(--studio-menu-border);border-radius:var(--studio-menu-radius);background:var(--studio-menu-surface);box-shadow:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.menu-body>button{width:100%;min-height:var(--studio-menu-item-height);border-radius:var(--studio-menu-item-radius);text-align:left;background:0 0;border:0;padding:7px 10px;display:block}.menu-body>button:hover{background:var(--studio-hover)}.menu-body>button:focus-visible{outline-offset:-2px}.menu-body>#reset{border:1px solid var(--action-border);background:var(--studio-control);color:var(--studio-text);font-weight:500}.menu-body hr{border:0;border-top:1px solid var(--line);margin:5px 0}.menu-caption{color:var(--muted);font-size:var(--studio-type-body);margin:6px 10px}.help-body{width:340px;padding:16px;line-height:1.65}.help-body ol{color:var(--muted);padding-left:18px}.help-body p{color:var(--muted)}.shortcuts{font-size:var(--studio-type-body);grid-template-columns:1fr auto;gap:6px;display:grid}.shortcuts dd{font-family:var(--mono);color:var(--muted);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.viewer{flex-direction:column;min-width:0;min-height:0;display:flex;container:plate-viewer/inline-size}.viewer-heading{min-height:var(--studio-subbar-height);border-bottom:1px solid var(--line-soft);background:var(--panel);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:4px 8px;display:flex}.source-heading{align-items:center;gap:8px;min-width:0;display:flex}.source-heading svg{color:var(--muted);width:var(--studio-icon-small-size);height:var(--studio-icon-small-size)}#source-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--studio-type-body);overflow:hidden}#source-meta{font:var(--studio-type-small) var(--mono);color:var(--studio-text-subtle);flex:none}.preview-backgrounds{flex:none;align-items:center;gap:7px;display:flex}.preview-backgrounds>span{color:var(--studio-text-subtle);font-size:var(--studio-type-small);margin-right:3px}.background-chip{border:1px solid var(--studio-border-strong);border-radius:2px;flex:none;width:24px;height:24px;padding:0}.background-checker{background:repeating-conic-gradient(#666 0% 25%,#333 0% 50%) 50%/8px 8px}.background-black{background:var(--studio-black)}.background-white{background:var(--studio-text)}.background-chip:hover{border-color:var(--studio-text-muted)}.background-chip[aria-pressed=true]{outline:1px solid var(--accent);outline-offset:2px}.stage{background:var(--studio-editor-canvas-background);user-select:none;touch-action:none;overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto;flex:1;min-height:0;position:relative;overflow:auto}.stage-content{justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:100%;padding:14px;display:flex}.stage canvas{flex:none;display:block;box-shadow:0 2px 16px #00000040}.stage:not(.has-media) canvas{visibility:hidden}.stage.can-pan{cursor:grab}.stage.picking,.stage.picking.can-pan{cursor:crosshair}.stage.panning,.stage.picking.panning{cursor:grabbing}.drop-hint{color:var(--muted);text-align:center;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:28px}.drop-hint:disabled{opacity:1}.drop-hint:hover:not(:disabled){border-color:var(--accent);background:var(--studio-hover)}.empty-mark{width:56px;height:56px;color:var(--studio-text-muted);background:0 0;border:0;border-radius:0;place-items:center;margin-bottom:10px;display:grid}.empty-mark svg{width:26px;height:26px}.drop-hint strong{color:var(--text);font-size:var(--studio-type-heading);font-weight:var(--studio-font-medium)}.empty-action{color:var(--accent);margin-top:10px}.empty-note{color:var(--studio-text-subtle);font-size:var(--studio-type-body);margin-top:16px}.stage.has-media .drop-hint{display:none}.stage-notice{border:1px solid var(--studio-border-strong);border-radius:var(--studio-control-radius);background:var(--studio-overlay-surface);width:fit-content;max-width:calc(100% - 36px);color:var(--text);pointer-events:none;z-index:2;margin:-40px 18px 10px;padding:7px 12px;position:sticky;bottom:18px;left:18px}.drop-overlay{display:none}.stage.dragging .drop-overlay{border:2px solid var(--accent);background:var(--studio-overlay-surface);color:var(--accent);pointer-events:none;z-index:3;place-items:center;display:grid;position:absolute;inset:10px}.viewerbar{align-items:center;gap:var(--studio-space-8);border-top:1px solid var(--line);background:var(--panel);min-height:var(--studio-subbar-height);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:4px 8px;display:grid}.viewerbar-leading{min-width:0}#view-slots{justify-self:center;min-width:0}.zoom{justify-self:end;align-items:center;gap:2px;display:flex}.zoom-value{min-width:100px;font:var(--control-text-size) var(--mono)}.zoom .button.icon{font-size:20px;line-height:1}.inspectionbar{z-index:3;padding:var(--studio-space-4) var(--studio-space-8);border-bottom:1px solid var(--line-soft);background:var(--panel);flex:none;position:relative}.inspection-switcher{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.inspection-switcher .inspection-button{width:var(--key-inspection-button-size);height:var(--key-inspection-button-size);place-items:center;padding:0;display:inline-grid;position:relative}.inspection-button svg{width:var(--key-inspection-icon-size);height:var(--key-inspection-icon-size)}.inspection-button:after{content:attr(aria-label);top:calc(100% + var(--studio-space-6));z-index:1;width:max-content;padding:var(--studio-space-6) var(--studio-space-8);border:1px solid var(--studio-menu-border);border-radius:var(--studio-field-radius);background:var(--studio-menu-surface);color:var(--studio-text);font:var(--studio-type-small)/1.4 var(--studio-font-ui);visibility:hidden;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.inspection-button:first-child:after{left:0;transform:none}.inspection-button:last-child:after{left:auto;right:0;transform:none}.inspection-button:is(:hover,:focus-visible):after{visibility:visible}.inspection-switcher:has(:focus-visible) .inspection-button:hover:not(:focus-visible):after{visibility:hidden}@container plate-viewer (width<=520px){#view-slots{grid-area:1/1/auto/-1}.viewerbar-leading{grid-area:2/1}.zoom{grid-area:2/2/auto/4}}#app{user-select:none;grid-template-rows:auto minmax(0,1fr) 172px 30px;height:100dvh;display:grid}#app :is(input,textarea,[contenteditable=true]){user-select:text}.toolbar{align-items:center;gap:var(--studio-control-group-gap);min-height:var(--studio-topbar-height);padding:2px var(--studio-control-padding-inline);border-bottom:1px solid var(--line);background:var(--studio-chrome);z-index:5;flex-wrap:wrap;display:flex}.brand{white-space:nowrap;align-items:center;gap:8px;display:flex}.brand-logo{filter:brightness(0)invert();flex:none;width:auto;height:22px;display:block}.product-name{font-size:var(--studio-type-body);color:var(--text);font-weight:500}.history-actions{gap:var(--studio-control-group-gap);padding-right:var(--studio-space-8);margin-right:var(--studio-space-4);border-right:1px solid var(--studio-border);display:flex}.toolbar .button{background:0 0;border-color:#0000}.toolbar .button:hover{background:var(--studio-hover)}.toolbar .button.primary{background:var(--studio-accent);border-color:var(--studio-accent);color:var(--studio-accent-foreground)}.toolbar .button.primary:hover:not(:disabled){background:var(--studio-accent-hover);border-color:var(--studio-accent-hover)}.toolbar .button.primary:active:not(:disabled){background:color-mix(in srgb, var(--studio-accent) 85%, var(--studio-chrome))}.toolbar #export-png{margin-inline-start:auto}.toolbar .button[aria-expanded=true],.toolbar .menu[open]>summary{background:var(--studio-control-active);color:var(--studio-accent-hover)}main{grid-template-columns:var(--left-w) minmax(0, 1fr) var(--hierarchy-w) var(--right-w);min-height:0;display:grid;position:relative}.statusbar{border-top:1px solid var(--line);background:var(--studio-chrome);font-size:var(--studio-type-small);color:var(--muted);align-items:center;gap:8px;padding:0 10px;display:flex}.status-dot{background:var(--studio-positive);border-radius:50%;flex:none;width:5px;height:5px}.statusbar:has([data-tone=error]) .status-dot{background:var(--studio-danger)}#status{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#status[data-tone=error]{color:var(--studio-danger-text)}.stats{font-size:var(--studio-type-caption);flex:none}.backend{border-left:1px solid var(--line);color:var(--studio-text-subtle);padding-left:8px}.project-collapsed main{grid-template-columns:0 minmax(0, 1fr) var(--hierarchy-w) var(--right-w)}.project-collapsed #left-rail{display:none}.inspector-collapsed main{grid-template-columns:var(--left-w) minmax(0, 1fr) 0 0}.project-collapsed.inspector-collapsed main{grid-template-columns:0 minmax(0,1fr) 0 0}.inspector-collapsed #hierarchy-rail,.inspector-collapsed #right-rail{display:none}@media (width<=1100px){#source-meta,.preview-backgrounds>span{display:none}}@media (width<=1024px){.toolbar{padding:6px}.brand{gap:5px}main{grid-template-rows:minmax(0,1fr) minmax(180px,42%);grid-template-columns:minmax(140px,.8fr) minmax(180px,1fr) minmax(240px,1.2fr)}.viewer{grid-column:1/-1}#left-rail{grid-area:2/1}#hierarchy-rail{grid-area:2/2}#right-rail{grid-area:2/3}.project-collapsed main{grid-template-columns:0 minmax(180px,1fr) minmax(240px,1.2fr)}.inspector-collapsed main{grid-template-columns:minmax(140px,.8fr) minmax(0,1fr)}.inspector-collapsed #left-rail{grid-row:1}.inspector-collapsed .viewer{grid-column:2}.project-collapsed.inspector-collapsed main{grid-template-columns:minmax(0,1fr)}.project-collapsed.inspector-collapsed .viewer{grid-column:1}.rail{border-top:1px solid var(--line)}.splitter.column{display:none}.inspector-collapsed main{grid-template-rows:minmax(0,1fr)}.viewerbar{gap:4px;padding:4px 6px}.drop-hint{gap:6px;padding:12px;inset:14px}.drop-hint strong{font-size:16px}.empty-mark,.empty-note,.stats{display:none}}@media (width<=600px){main{grid-template-rows:minmax(420px,1fr) minmax(150px,25%) minmax(150px,25%);grid-template-columns:minmax(132px,.8fr) minmax(180px,1.2fr);overflow:auto}#left-rail{grid-area:2/1}#hierarchy-rail{grid-area:3/1}#right-rail{grid-area:2/2/4}.project-collapsed main{grid-template-columns:minmax(132px,.8fr) minmax(180px,1.2fr)}.project-collapsed #hierarchy-rail{grid-row:2/4}.inspector-collapsed main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(132px,.8fr) minmax(0,1fr)}.project-collapsed.inspector-collapsed main{grid-template-columns:minmax(0,1fr)}}.control{grid-template-columns:subgrid;min-width:0;display:grid}.control-head{grid-column:1/-1;grid-template-columns:subgrid;min-height:var(--studio-property-row-height);align-items:center;gap:var(--studio-property-column-gap);padding-block:var(--studio-property-padding-block);padding-left:var(--studio-inspector-key-gutter);border-bottom:1px solid var(--studio-inspector-divider);display:grid}.control-label{min-width:0;color:var(--studio-text-muted);font-size:var(--studio-label-font-size);overflow-wrap:anywhere;line-height:1.35}.control-head>:is(.select,.text-input){width:100%;min-width:0;max-width:var(--studio-inspector-compact-field-width);height:var(--studio-field-height);padding-block:0}.control-head>.component-check{justify-self:end}.slider-input{align-items:center;gap:var(--studio-property-column-gap);min-width:0;display:flex}.slider-value{flex:0 0 var(--studio-field-number-width);width:var(--studio-field-number-width);align-items:center;gap:2px;padding-inline:3px;display:flex;overflow:hidden}.slider-value:has(.unit:not(:empty)){flex-basis:var(--key-field-unit-width);width:var(--key-field-unit-width)}.slider-value .num{width:100%;min-width:0;font-family:var(--studio-font-numeric);font-variant-numeric:tabular-nums;text-align:var(--studio-field-text-align);appearance:textfield;flex:1;padding:0}.slider-value:has(.num:hover){border-color:var(--studio-field-hover-border);background:var(--studio-field-hover-background)}.num::-webkit-inner-spin-button,.num::-webkit-outer-spin-button{appearance:none;margin:0}.slider-input .range{--studio-property-slider-track:linear-gradient(to right, color-mix(in srgb, var(--studio-accent) 55%, var(--studio-range-track)) 0 var(--fill,0%), var(--studio-range-track) var(--fill,0%) 100%);flex:1;min-width:0}.unit{color:var(--studio-text-subtle);font-size:var(--studio-type-caption);flex:none}.unit:empty{display:none}.color-value{align-items:center;gap:var(--studio-field-gap);min-width:0;display:flex}.color-value .mono{color:var(--studio-text-muted);font-size:var(--studio-type-small)}.segmented{align-items:center;gap:var(--studio-field-gap);min-width:0;display:inline-flex}.seg{min-height:var(--studio-property-button-height);padding:0 var(--studio-property-button-padding-inline);border:1px solid var(--studio-border);border-radius:var(--studio-field-radius);background:var(--studio-panel-raised);color:var(--studio-text-muted);font-size:var(--studio-label-font-size);white-space:nowrap}.seg:hover:not(:disabled){background:var(--studio-control);color:var(--studio-text)}.seg.active{color:var(--studio-accent-hover);background:var(--studio-control-active)}.control .segmented{flex-wrap:wrap}.row-actions{align-items:center;gap:var(--studio-field-gap);padding-block:var(--studio-property-padding-block) var(--studio-property-section-padding-end);margin-bottom:var(--studio-property-padding-block);border-bottom:1px solid var(--studio-group-divider);flex-wrap:wrap;display:flex}.row-actions .select{flex:100px;max-width:100%}.row-actions .readout{min-width:0;font:var(--studio-type-small)/1.5 var(--studio-font-numeric);color:var(--studio-text-muted);overflow-wrap:anywhere;flex-basis:100%}.warnings{padding:var(--studio-property-section-padding-end);border-left:2px solid var(--studio-label-amber);background:var(--studio-panel-raised);color:var(--studio-warning-text);font-size:var(--studio-note-font-size)}.warnings:empty{display:none}.diag-grid{grid-template-columns:subgrid;align-items:center;column-gap:var(--studio-property-column-gap);font-size:var(--studio-label-font-size);margin:0;display:grid}.diag-grid dt,.diag-grid dd{min-height:var(--studio-property-row-height);padding-block:var(--studio-property-padding-block);border-bottom:1px solid var(--studio-inspector-divider);line-height:var(--studio-field-height);margin:0}.diag-grid dt{padding-left:var(--studio-inspector-key-gutter);color:var(--studio-text-muted)}.diag-grid dd{color:var(--studio-property-text);font-family:var(--studio-font-numeric);overflow-wrap:anywhere}@container studio-inspector (width<=300px){.control-head{gap:var(--studio-property-stack-gap);grid-template-columns:minmax(0,1fr)}.diag-grid{grid-template-columns:minmax(80px,.8fr) minmax(0,1fr)}.control-head>:is(.select,.text-input){max-width:100%}.control[data-kind=toggle] .control-head{grid-template-columns:minmax(0,1fr) auto}}.rail{background:var(--studio-panel);flex-direction:column;min-width:0;min-height:0;display:flex}#hierarchy-rail,#right-rail{border-left:1px solid var(--studio-border)}#right-rail{container:studio-inspector/inline-size}.rail-body{scrollbar-width:thin;scrollbar-color:var(--studio-border) transparent;min-height:0;padding-bottom:var(--studio-property-section-padding-end);flex:1;overflow:auto}.inspector-heading{align-items:center;gap:var(--studio-space-10);height:var(--studio-inspector-compact-header-height);padding:var(--studio-space-4) var(--studio-space-12);border-bottom:1px solid var(--studio-border-soft);background:var(--studio-chrome);flex-shrink:0;display:flex}.inspector-heading strong{min-width:0;color:var(--studio-text);font-size:var(--studio-type-body);font-weight:var(--studio-font-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.inspector-icon{flex:0 0 var(--studio-icon-small-size);color:var(--studio-text-muted);place-items:center;display:grid}.inspector-icon:empty{display:none}.inspector-tabs{gap:var(--studio-field-gap);padding:var(--studio-space-6) var(--studio-property-padding-inline);border-bottom:1px solid var(--studio-group-divider);background:var(--studio-panel);flex-wrap:wrap;flex-shrink:0;display:flex}.inspector-tabs .tab{max-width:100%;height:var(--studio-property-button-height);padding:0 var(--studio-property-button-padding-inline);border:1px solid var(--studio-border-soft);border-radius:var(--studio-radius-4);background:var(--studio-panel-raised);color:var(--studio-text-muted);font-size:var(--studio-label-font-size);font-weight:var(--studio-label-font-weight);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.inspector-tabs .tab:hover:not(.active){color:var(--studio-text);background:var(--studio-control)}.inspector-tabs .tab.active{border-color:color-mix(in srgb, var(--studio-accent) 55%, transparent);background:color-mix(in srgb, var(--studio-accent) 22%, var(--studio-panel-raised));color:var(--studio-accent-hover)}.inspector-section{display:none}.inspector-section.active{display:block}.dock{margin:0 0 var(--studio-property-section-padding-block);border-bottom:1px solid var(--studio-inspector-divider);background:var(--studio-inspector-section-background);color:var(--studio-property-text)}.dock-heading{align-items:center;gap:var(--studio-field-gap);min-height:var(--studio-property-section-height);padding:var(--studio-property-padding-block) var(--studio-property-padding-inline);background:var(--studio-inspector-heading-background);display:flex}.dock-title{min-width:0;color:var(--studio-text);font-size:var(--studio-property-section-font-size);font-weight:var(--studio-property-section-font-weight);flex:1;margin:0;line-height:1.35}.dock-body{grid-template-columns:fit-content(var(--studio-property-label-width)) minmax(0, 1fr);column-gap:var(--studio-property-column-gap);min-width:0;padding:var(--studio-property-section-padding-end) var(--studio-property-padding-inline);row-gap:0;display:grid}.dock-body>*{grid-column:1/-1}.inspector-actions{flex:none;display:inline-flex}.inspector-card-actions{align-items:center;gap:var(--studio-space-6);flex:none;display:inline-flex}.inspector-card-reset,.inspector-help{width:var(--studio-inspector-help-size);height:var(--studio-inspector-help-size);border-radius:var(--studio-field-radius);color:var(--studio-text-subtle);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.inspector-card-reset[aria-hidden=true]{display:none}.inspector-help{border-radius:50%}.inspector-card-actions svg{width:var(--studio-property-button-icon-size);height:var(--studio-property-button-icon-size)}.inspector-card-actions button:hover{color:var(--studio-text);background:var(--studio-hover)}.inspector-card-divider{width:1px;height:var(--studio-space-12);background:var(--studio-border)}.inspector-help-content{inset:auto var(--studio-space-12) 40px auto;max-width:min(280px,100vw - 24px);padding:var(--studio-space-12);border:1px solid var(--studio-menu-border);border-radius:var(--studio-menu-radius);background:var(--studio-menu-surface);color:var(--studio-text-muted);font:var(--studio-type-small)/1.5 var(--studio-font-ui);box-shadow:none;margin:0;position:fixed}.inspector-help-content strong{color:var(--studio-text);font-weight:var(--studio-font-medium)}.inspector-help-content p{margin:var(--studio-space-6) 0 0}@supports (position-area:left){.inspector-help-content{position-area:left span-bottom;position-try-fallbacks:flip-block;margin-right:var(--studio-space-6);inset:auto}}.inspector-empty{padding:var(--studio-space-16) var(--studio-space-12);color:var(--studio-text-subtle);font-size:var(--studio-type-small);line-height:1.5}.inspector-empty p{margin:0}.card-note{color:var(--studio-text-muted);font-size:var(--studio-note-font-size);margin:0;line-height:1.5}.inspector-section :is(.button,.ghost){min-height:var(--studio-property-button-height);height:auto;padding-inline:var(--studio-property-button-padding-inline);font-size:var(--studio-label-font-size);font-weight:var(--studio-label-font-weight)}@container studio-inspector (width<=300px){.dock-body{grid-template-columns:minmax(0,1fr)}}.inspector-content{min-width:0;padding:6px var(--studio-property-padding-inline);flex-direction:column;gap:6px;display:flex}.property-card{border:1px solid var(--studio-border);border-radius:var(--studio-field-radius);background:var(--studio-inspector-section-background);min-width:0;margin:0}.property-card-heading{min-height:28px;padding:4px var(--studio-property-padding-inline);background:var(--studio-inspector-heading-background);color:var(--studio-text);font-size:var(--studio-type-small);font-weight:var(--studio-font-medium);align-items:center;gap:6px;margin:0;line-height:1.35;display:flex}.property-card-heading h4{font:inherit;margin:0}summary.property-card-heading{cursor:pointer;list-style:none}summary.property-card-heading::-webkit-details-marker{display:none}summary.property-card-heading:before{content:"";border-right:1px solid var(--studio-text-subtle);border-bottom:1px solid var(--studio-text-subtle);flex:none;width:5px;height:5px;transform:rotate(-45deg)}.property-card[open]>summary:before{transform:rotate(45deg)}summary.property-card-heading:hover{color:var(--studio-accent-hover)}.property-card-body{padding-block:4px}.property-card-body .control:last-child .control-head{border-bottom:0}.preparation-preview-note{padding:4px var(--studio-property-padding-inline);color:var(--studio-text-subtle);font-size:var(--studio-type-small);grid-column:1/-1;margin:0;line-height:1.5}.preparation-preview-views{padding:4px var(--studio-property-padding-inline);flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}@media (any-pointer:coarse){summary.property-card-heading{min-height:44px}}.property-inline{padding:0}.spill-editor,.spill-reference-fields{grid-template-columns:subgrid;grid-column:1/-1;min-width:0;display:grid}.spill-editor[hidden],.spill-reference-fields[hidden]{display:none}.spill-editor>.control,.spill-reference-fields>.control{grid-column:1/-1}.spill-reference-fields>.property-card{grid-column:1/-1;margin-top:6px}.spill-material-picker{align-items:center;gap:4px;min-width:0;display:flex}.spill-material-picker .select{flex:1;width:0;min-width:0}.spill-colour{align-items:center;gap:6px;display:flex}.spill-colour input[type=color]{min-width:0;height:var(--studio-field-height);border:1px solid var(--studio-border);border-radius:var(--studio-field-radius);background:0 0;flex:1;padding:0}.spill-colour .button,.spill-material-picker .button{height:var(--studio-field-height);min-height:var(--studio-field-height)}.spill-message{font-size:var(--studio-type-small);color:var(--studio-text-subtle);grid-column:1/-1;margin:4px 0 0;line-height:1.5}.spill-editor>.button{grid-column:1/-1;justify-self:start;margin-top:4px}#left-rail,#hierarchy-rail,#right-rail{position:relative}#left-rail>.panel,#hierarchy-rail>.panel{flex:1}.panel{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel-head{height:var(--studio-dock-corner-height);border-bottom:1px solid var(--line);background:var(--studio-panel);flex-shrink:0;align-items:center;gap:4px;padding:0 6px 0 10px;display:flex}.panel-title{color:var(--text);font-size:var(--studio-label-font-size);font-weight:var(--studio-font-medium);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.panel-title svg,.outliner-icon svg,.menu-icon svg,.outliner-action svg,.project-thumb svg,.inspector-icon svg,.panel-foot svg,.source-icon svg,.project-twisty svg,.outliner-twisty svg{width:var(--studio-icon-small-size);height:var(--studio-icon-small-size);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.panel-title svg{color:var(--text-faint)}.panel-context{min-width:0;color:var(--text-faint);font-size:var(--studio-type-body);text-overflow:ellipsis;white-space:nowrap;margin-left:4px;overflow:hidden}.panel-head .icon-btn{width:var(--studio-property-button-height);height:var(--studio-property-button-height)}#hierarchy-add{min-height:var(--studio-property-button-height);height:var(--studio-property-button-height);padding:0 8px}.panel-search{border-bottom:1px solid var(--line-soft);flex-shrink:0;padding:6px 8px}.panel-search input{width:100%;height:var(--action-size);background:var(--studio-field-background);border:1px solid var(--studio-field-border);border-radius:var(--studio-field-radius);color:var(--studio-property-text);font:var(--studio-label-font-size) var(--studio-font-ui);padding:0 8px}.panel-search input:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.panel-foot{height:var(--studio-subbar-height);border-top:1px solid var(--line);background:var(--studio-chrome);color:var(--text-faint);font:var(--studio-type-caption) var(--mono);flex-shrink:0;align-items:center;gap:6px;padding:0 8px;display:flex}.panel-foot .segmented{flex:none}#project-count{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panel-foot .segmented>button{width:var(--studio-property-button-height);height:var(--studio-property-button-height);place-items:center;padding:0;display:grid}.panel-empty{color:var(--text-faint);font-size:var(--studio-type-body);justify-items:start;gap:8px;padding:16px 14px;line-height:1.5;display:grid}.panel-empty p{margin:0}.project-list.drop,.outliner.drop,.project-row.drop,.project-tile.drop{background:var(--studio-accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.project-list{outline:0;flex:1;min-height:0;padding:4px 0;overflow:auto}.project-row{min-height:var(--key-project-row-height);padding:3px 8px 3px calc(4px + var(--depth,0) * 14px);user-select:none;border-left:2px solid #0000;align-items:center;gap:8px;display:flex}.project-row:hover,.project-tile:hover{background:var(--studio-hover)}.project-row.selected,.project-tile.selected{background:var(--studio-accent-soft)}.project-row.active{border-left-color:var(--accent)}.project-twisty{width:14px;color:var(--text-faint);font-size:var(--studio-type-body);text-align:center;cursor:pointer;flex-shrink:0;place-items:center;display:grid}.project-thumb{background:var(--bg-0);width:56px;height:32px;color:var(--text-faint);border-radius:2px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%}.project-thumb.bin,.project-thumb.composition{background:0 0}.project-thumb.bin{color:var(--text-dim)}.project-thumb.composition{color:var(--accent)}.project-thumb svg{width:var(--studio-icon-small-size);height:var(--studio-icon-small-size)}.project-row .project-thumb.bin svg{width:24px;height:24px}.project-thumb.bin.has-items svg{fill:currentColor}.project-text{min-width:0;display:grid}.project-name{color:var(--studio-text);font-size:var(--studio-label-font-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-meta{color:var(--text-faint);font:var(--studio-type-caption) var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-rename,.outliner-rename{min-width:0;height:var(--studio-field-height);font:inherit;flex:1;padding:0 4px}.project-list.grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));align-content:start;gap:6px;padding:8px;display:grid}.project-tile{border-radius:var(--studio-control-radius);user-select:none;border:1px solid #0000;gap:4px;min-width:0;padding:4px;display:grid}.project-tile.active{border-color:var(--accent)}.project-tile .project-thumb{aspect-ratio:16/9;width:100%;height:auto}.project-tile .project-thumb svg{width:28px;height:28px}.project-tile .project-thumb.bin svg{width:31px;height:31px}.project-tile .project-name{font-size:var(--studio-type-body)}.project-up{height:var(--studio-property-button-height);border-radius:var(--studio-control-radius);color:var(--text-dim);font-size:var(--studio-type-body);background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:0 6px}.project-up:hover{background:var(--studio-hover);color:var(--text)}.project-actions{padding:8px 8px 0}.project-actions .wide{width:100%}#project-panel .btn{height:var(--action-size);border:1px solid var(--line);border-radius:var(--studio-control-radius);background:var(--studio-panel-raised);color:var(--studio-text-muted);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}#project-panel .btn:hover:not(:disabled){background:var(--studio-control);color:var(--studio-text)}#project-panel .btn:active:not(:disabled){background:var(--studio-control-pressed)}#project-panel .icon-btn{width:var(--studio-property-button-height);height:var(--studio-property-button-height);border-radius:var(--studio-control-radius);color:var(--text-dim);font-weight:var(--studio-font-semibold);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:inline-grid}#project-panel .icon-btn:hover:not(:disabled){background:var(--studio-hover);color:var(--text)}#project-panel .segmented{gap:var(--studio-space-2);display:flex}#project-panel .segmented>button{border-radius:var(--studio-field-radius);min-width:0;color:var(--text-faint);white-space:nowrap;background:0 0;border:1px solid #0000;flex:1;position:relative}#project-panel .segmented>button:hover:not(:disabled){color:var(--text);background:var(--studio-hover)}#project-panel .segmented>button[aria-pressed=true]{color:var(--studio-accent-hover);background:var(--studio-control-active)}#left-rail{border-right:1px solid var(--line)}#left-rail .splitter.column{left:auto;right:-3px}.stage:not(.has-media) .stage-content{visibility:hidden}.outliner{flex-direction:column;padding:4px 0 6px;display:flex}.outliner-row{grid-template-columns:16px var(--studio-icon-small-size) minmax(0, 1fr) auto var(--studio-property-button-height);min-height:var(--studio-property-row-height);padding:0 8px 0 calc(10px + var(--depth,0) * 16px);color:var(--text-dim);font-size:var(--studio-label-font-size);cursor:default;user-select:none;align-items:center;gap:6px;display:grid}.outliner-row:hover{background:var(--studio-hover)}.tracker-card{border-top:1px solid var(--studio-border);flex:none;margin:4px 0 0;padding:0;overflow:hidden}.tracker-card>.outliner-row:first-child{grid-template-columns:16px var(--studio-icon-small-size) minmax(0, 1fr) auto var(--studio-property-button-height);background:var(--studio-panel-raised);color:var(--text);font-weight:var(--studio-font-medium);gap:0 5px;padding-block:4px;display:grid}.tracker-card>.outliner-row:first-child .outliner-meta{grid-area:2/3/auto/5;justify-self:start;font-weight:400}.tracker-card>.outliner-row:first-child .outliner-action{grid-area:1/5/3}.tracker-card>.outliner-row:first-child .outliner-icon{color:var(--studio-label-cyan)}.tracker-card .outliner-row.selected{background:var(--studio-accent-soft)}.outliner-row.selected{background:var(--studio-accent-soft);color:var(--text)}.outliner-row.group{color:var(--studio-text-muted);font-size:var(--studio-label-font-size);font-weight:var(--studio-font-medium)}.tracker-card>.outliner-row:nth-child(2n):not(.selected):not(:hover){background:color-mix(in srgb, var(--studio-panel-raised) 35%, var(--studio-panel))}.outliner-row.off .outliner-name,.outliner-row.off .outliner-icon{opacity:.45}.outliner-icon{width:var(--studio-icon-small-size);height:var(--studio-icon-small-size);text-align:center;color:var(--text-faint);flex-shrink:0}.outliner-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.outliner-meta{text-overflow:ellipsis;min-width:0;color:var(--text-faint);font-size:var(--studio-type-caption);white-space:nowrap;overflow:hidden}.outliner-action{width:var(--studio-property-button-height);height:var(--studio-property-button-height);color:var(--text-faint);font-size:13px;line-height:var(--studio-property-button-height);cursor:pointer;visibility:visible;background:0 0;border:0;border-radius:3px;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.outliner-action:hover{background:var(--studio-hover);color:var(--text)}.outliner-rename{min-width:0;height:var(--studio-field-height);font:inherit;flex:1}.outliner-columns{grid-template-columns:minmax(0, 1fr) var(--studio-property-button-height);flex:0 0 var(--studio-property-button-height);border-bottom:1px solid var(--line);color:var(--text-faint);font-size:var(--studio-type-caption);align-items:center;padding:0 15px 0 12px;display:grid}.enable-heading{height:var(--studio-property-button-height);border-left:1px solid var(--line);color:var(--studio-object-enabled);place-items:center;display:grid}.enable-heading svg{width:var(--studio-property-button-icon-size);height:var(--studio-property-button-icon-size);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.outliner>.outliner-row{margin:0}.component-enable{touch-action:none;border-left:1px solid var(--line-soft);border-radius:0}.component-enable svg{pointer-events:none}.component-enable[aria-pressed=true]{color:var(--studio-object-enabled)}.component-enable[aria-pressed=false]{color:var(--studio-object-disabled)}.component-enable.inherited-off{color:var(--text-faint)}.component-enable:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.outliner-row.off .outliner-meta{opacity:.45}.enable-brushing,.enable-brushing .component-enable{cursor:ns-resize}#hierarchy-panel .outliner{outline:0;flex:1;min-height:0;overflow:auto}.outliner-twisty{width:16px;color:var(--text-faint);font-size:var(--studio-type-body);text-align:center;cursor:pointer;flex-shrink:0;place-items:center;margin-left:-4px;display:grid}.outliner-icon{width:var(--studio-icon-small-size);place-items:center;display:grid}.project-twisty svg,.outliner-twisty svg{width:14px;height:14px}.outliner-icon.icon-tracker,.inspector-icon[data-icon=tracker]{color:var(--studio-label-cyan)}.outliner-icon.icon-camera,.outliner-icon.icon-ground{color:var(--studio-label-amber)}.outliner-icon.icon-footage,.outliner-icon.icon-precomp,.inspector-icon[data-icon=footage]{color:var(--studio-layer-media)}.outliner-icon:is(.icon-channel,.icon-curves,.icon-effect,.icon-effects),.inspector-icon:is([data-icon=channel],[data-icon=curves],[data-icon=effect],[data-icon=effects]){color:var(--studio-layer-adjustment)}.outliner-icon.icon-points,.inspector-icon[data-icon=points]{color:var(--studio-object-primitive)}.outliner-icon.icon-composition,.inspector-icon[data-icon=composition]{color:var(--studio-label-blue)}.outliner-icon.icon-masks,.outliner-icon.icon-lines{color:var(--studio-label-violet)}.outliner-icon.icon-cube,.outliner-icon.icon-plane,.outliner-icon.icon-sphere,.outliner-icon.icon-cone,.outliner-icon.icon-bot,.outliner-icon.icon-axes,.outliner-icon.icon-object{color:var(--studio-object-primitive)}.outliner-row:focus-visible,.outliner:focus-visible .outliner-row.selected{outline:1px solid var(--accent);outline-offset:-1px}.splitter{z-index:5;touch-action:none}.splitter.column{cursor:col-resize;width:7px;position:absolute;top:0;bottom:0}.splitter[data-side=left]{right:-4px}.splitter[data-side=hierarchy],.splitter[data-side=right]{left:-4px}.splitter:hover,.splitter:focus-visible{background:var(--studio-accent-soft);outline:0}body.resizing,body.resizing *{user-select:none}.list-marquee{z-index:950;border:1px solid var(--studio-accent);pointer-events:none;background:#4da3ff1f;border-radius:2px;position:fixed}.outliner-row.selected.primary{box-shadow:inset 2px 0 0 var(--studio-accent)}.popup-menu{z-index:1000;min-width:224px;max-width:min(288px,100vw - 16px);padding:var(--studio-menu-padding);background:var(--studio-menu-surface);border:1px solid var(--studio-menu-border);border-radius:var(--studio-menu-radius);box-shadow:none;position:fixed}.popup-menu strong{color:var(--text-faint);font-size:var(--studio-type-body);font-weight:var(--studio-font-regular);padding:8px 8px 5px;display:block}.popup-menu p{color:var(--text-faint);font-size:var(--studio-type-body);margin:-2px 8px 4px;line-height:1.4}.popup-menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.popup-menu button{grid-template-columns:var(--studio-icon-small-size) minmax(0, 1fr) auto;width:100%;min-height:var(--studio-menu-item-height);border-radius:var(--studio-menu-item-radius);color:var(--studio-menu-text);font-size:var(--studio-menu-font-size);text-align:left;background:0 0;border:0;align-content:center;align-items:center;column-gap:9px;padding:5px 8px;display:grid}.popup-menu button small{color:var(--text-faint);font-size:var(--studio-type-body);grid-column:2/-1;line-height:1.4}.popup-menu button kbd{color:var(--text-faint);font:inherit;font-size:var(--studio-type-body);background:0 0;border:0;margin-left:16px;padding:0}.popup-menu button:disabled{color:var(--text-faint)}.popup-menu button:hover:not(:disabled),.popup-menu button:focus-visible{background:var(--studio-menu-hover);color:var(--studio-menu-text);outline:0}.selection-controls{gap:var(--studio-field-gap);flex-direction:column;min-width:0;display:flex}.selection-tools{gap:var(--studio-field-gap);flex-wrap:wrap;display:flex}.selection-tools .button{min-height:var(--compact-action-size);padding:0 var(--studio-property-button-padding-inline);font-size:var(--control-text-size);white-space:normal;line-height:1.25}.selection-actions{align-items:center;gap:var(--studio-field-gap);flex-wrap:wrap;display:flex}.selection-actions label{align-items:center;gap:var(--studio-field-gap);min-height:var(--compact-action-size);border-radius:var(--studio-field-radius);color:var(--text);font-size:var(--control-text-size);cursor:pointer;background:0 0;border:0;padding:0 6px;display:flex}.selection-actions .ghost{min-height:var(--compact-action-size);font-size:var(--control-text-size);padding:0 6px}.selection-actions .selection-samples-toggle{margin-right:auto}.selection-samples-toggle:after{content:"▾";color:var(--muted);margin-left:5px;display:inline-block}.selection-samples-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.selection-sample-manager{gap:var(--studio-field-gap);border:1px solid var(--line);background:var(--field);border-radius:3px;flex-direction:column;min-width:0;padding:6px;display:flex}.selection-sample-manager[hidden],.selection-note[hidden]{display:none}.selection-sample-heading{justify-content:space-between;align-items:center;gap:var(--studio-field-gap);color:var(--muted);font-size:var(--studio-type-small);display:flex}.selection-sample-heading .ghost{min-height:var(--compact-action-size);font-size:var(--control-text-size);white-space:nowrap;flex:none;padding:0 6px}.selection-samples{max-height:calc(var(--compact-action-size) * 3 + 8px);overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px;display:grid;overflow:auto}.selection-sample{min-height:var(--compact-action-size);border:1px solid var(--action-border);background:var(--studio-control);min-width:0;color:var(--studio-text);font:var(--control-text-size) var(--mono);white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex}.selection-sample button{min-height:var(--compact-action-size);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.selection-sample .selection-sample-reveal{flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:0 4px;display:flex}.selection-sample-reveal:before{content:"";border:1px solid var(--line);background:var(--sample-color);border-radius:2px;flex:none;width:14px;height:14px}.selection-sample-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.selection-sample .selection-sample-remove{min-width:var(--compact-action-size);border-left:1px solid var(--line);flex:none;padding:0;font-size:18px;line-height:1}.selection-sample:has(button:hover:not(:disabled)){border-color:var(--studio-border-strong)}.selection-sample button:hover:not(:disabled){background:var(--studio-accent-soft)}.selection-note{font-size:var(--studio-type-small)}.stage-content{position:relative}.selection-overlay{pointer-events:none;z-index:1;fill:none;position:absolute;overflow:hidden}.selection-overlay circle{vector-effect:non-scaling-stroke;stroke-width:2px;stroke:#fff}.selection-overlay .background circle{fill:#318dff}.selection-overlay .foreground circle{fill:#22b884}.selection-overlay .revealed circle{stroke-width:3px}.selection-overlay .legacy circle{fill:none;stroke-dasharray:3 2}.selection-overlay text{fill:#fff;stroke:#17191e;stroke-width:3px;vector-effect:non-scaling-stroke;paint-order:stroke;font-family:var(--mono)}#timeline-panel{--timeline-label-width:clamp(96px, 12vw, 160px);--timeline-inset:8px;--timeline-at:0%;background:var(--bg-1);border-top:1px solid var(--line);flex-direction:column;min-height:0;padding:0 12px 8px;display:flex}.timeline-top{border-bottom:1px solid var(--line);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:45px;margin-bottom:6px;padding:8px 0;display:grid}.review-transport{justify-self:center}.timeline-status{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.timeline-status>span{text-overflow:ellipsis;min-width:0;overflow:hidden}#time{min-width:88px;font:13px var(--mono);font-weight:var(--studio-font-regular)}.review-transport{align-items:center;gap:2px;display:flex}.review-transport .button{height:var(--studio-control-height);min-width:28px;color:var(--text-dim);background:0 0;border:0;padding:0 6px}.review-transport .button:hover:not(:disabled){background:var(--studio-hover);color:var(--text)}.review-transport .button:not(#play){flex:0 0 28px;padding:0}.review-transport svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.review-transport #play{background:var(--bg-3);border:1px solid var(--line);min-width:56px}#review-frame,#cache-status{color:var(--text-faint);font:12px var(--mono);white-space:nowrap}.timeline-body{scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}.timeline-ruler,.timeline-lane,.timeline-footage{grid-template-columns:var(--timeline-label-width) minmax(0, 1fr);display:grid}.timeline-ruler{z-index:3;background:var(--bg-1);border-bottom:1px solid var(--line);height:36px;color:var(--text-dim);font:12px var(--mono);position:sticky;top:0}.timeline-label{font-family:var(--sans);align-self:center}.timeline-axis,.lane-range{min-width:0;margin:0 var(--timeline-inset);position:relative}.timeline-axis{background-color:var(--bg-0);background-image:none;margin-block:4px}#timeline-ticks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.timeline-tick{border-left:1px solid var(--line-strong);position:absolute;top:0;bottom:0}.timeline-tick span{white-space:nowrap;position:absolute;top:4px;left:5px}.timeline-tick.end span{left:auto;right:5px}.timeline-tick.minor{border-color:var(--line);height:6px;top:auto}.timeline-axis{cursor:ew-resize;touch-action:none}.timeline-axis[aria-disabled=true]{cursor:default}.timeline-axis:focus-visible{outline:1px solid var(--accent);outline-offset:2px}#timeline-cursor{top:0;bottom:0;left:var(--timeline-at);cursor:grab;touch-action:none;width:14px;position:absolute;transform:translate(-50%)}#timeline-cursor:before,#timeline-playhead:before{content:"";background:var(--accent);width:1px;position:absolute;top:0;bottom:0;left:50%}#timeline-cursor:after{content:"";background:var(--accent);clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%);width:13px;height:9px;position:absolute;top:0;left:1px}#timeline-lanes{min-height:calc(100% - 36px);padding-block:4px;position:relative}.timeline-empty{margin:14px var(--timeline-inset) 14px calc(var(--timeline-label-width) + var(--timeline-inset));color:var(--text-faint);text-align:center;font-size:12px}.timeline-lane,.timeline-footage{border:0;border-bottom:1px solid var(--line);width:100%;height:32px;color:var(--text-dim);background:0 0;align-items:stretch;padding:0;font-size:12px}.timeline-lane:hover{background:var(--studio-hover)}.timeline-lane>.timeline-lane-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font:inherit;color:inherit;background:0 0;border:0;align-self:center;padding-left:0;padding-right:8px;overflow:hidden}.timeline-footage>.timeline-lane-name{align-self:center}.timeline-source-range{color:var(--text-faint);font:11px var(--mono);align-items:center;padding:0 8px;display:flex}.timeline-source-range.has-duration{border:1px solid var(--accent);background:var(--studio-control-active);color:var(--text-dim)}.lane-range{background:var(--bg-0);touch-action:none}.lane-segment{opacity:.6;border-radius:2px;min-width:2px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.timeline-lane.selected{color:var(--studio-accent-hover)}.timeline-lane.selected .lane-segment{opacity:1}#timeline-lanes{position:relative}.timeline-lane>.timeline-lane-name{cursor:pointer}.lane-range{cursor:ew-resize}.lane-segment.mask{background:#f05a5a}.lane-key{z-index:1;cursor:pointer;background:#ff9696;border:1px solid #00000080;width:10px;height:10px;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.timeline-lane.selected .lane-key{background:#ffd2d2}.timeline-playhead-track{top:0;bottom:0;left:calc(var(--timeline-label-width) + var(--timeline-inset));right:var(--timeline-inset);pointer-events:none;position:absolute}#timeline-playhead{top:0;bottom:0;left:var(--timeline-at);pointer-events:auto;cursor:grab;touch-action:none;width:14px;position:absolute;transform:translate(-50%)}#timeline-panel[data-seek-enabled=true] #timeline-lanes{cursor:ew-resize;touch-action:none;user-select:none}#timeline-panel[data-seek-enabled=false] :is(.lane-range,#timeline-cursor,#timeline-playhead){cursor:default}#timeline-cursor:active,#timeline-playhead:active{cursor:grabbing}.timeline-lane .lane-key.at-playhead{background:var(--accent);border-color:var(--text)}.mask-gizmo-overlay{z-index:1;pointer-events:none;--studio-gizmo-thickness:2;position:absolute;inset:0;overflow:visible}#stage[data-navigating] #canvas{cursor:grabbing}.studio-gizmo-svg{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.studio-gizmo-axis,.studio-gizmo-feedback,.studio-gizmo-readout{--studio-gizmo-axis-color:var(--studio-property-text);color:var(--studio-gizmo-axis-color)}:is(.studio-gizmo-axis,.studio-gizmo-feedback,.studio-gizmo-readout)[data-axis=x]{--studio-gizmo-axis-color:var(--studio-axis-x)}:is(.studio-gizmo-axis,.studio-gizmo-feedback,.studio-gizmo-readout)[data-axis=y]{--studio-gizmo-axis-color:var(--studio-axis-y)}:is(.studio-gizmo-axis,.studio-gizmo-feedback,.studio-gizmo-readout)[data-axis=z]{--studio-gizmo-axis-color:var(--studio-axis-z)}.studio-gizmo-axis[data-emphasis]{color:color-mix(in srgb, var(--studio-gizmo-axis-color) 65%, var(--studio-gizmo-highlight))}.studio-gizmo-axis[data-muted]{opacity:var(--studio-gizmo-muted-opacity)}.studio-gizmo-axis[data-disabled]{opacity:var(--studio-gizmo-disabled-opacity)}.studio-gizmo-svg :is(path,line,circle,rect){vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.studio-gizmo-plane{fill:currentColor;fill-opacity:var(--studio-gizmo-plane-opacity);stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:all;cursor:grab;touch-action:none;outline:none}.studio-gizmo-plane[data-emphasis],.studio-gizmo-plane:active{fill:var(--studio-gizmo-highlight);stroke:var(--studio-gizmo-highlight);fill-opacity:var(--studio-gizmo-plane-active-opacity)}.studio-gizmo-plane:active{cursor:grabbing}.studio-gizmo-plane[data-disabled]{opacity:var(--studio-gizmo-disabled-opacity);cursor:default}.studio-gizmo-wire,.studio-gizmo-trace,.studio-gizmo-radius{fill:none;stroke:currentColor;stroke-width:calc(var(--studio-gizmo-stroke) * var(--studio-gizmo-thickness))}.studio-gizmo-axis[data-emphasis] .studio-gizmo-wire,.studio-gizmo-trace{stroke-width:calc(var(--studio-gizmo-active-stroke) * var(--studio-gizmo-thickness))}.studio-gizmo-rear{opacity:var(--studio-gizmo-rear-opacity)}.studio-gizmo-hit{fill:none;stroke:#0000;stroke-width:var(--studio-gizmo-hit-width);pointer-events:stroke;cursor:grab;touch-action:none;outline:none}.studio-gizmo-hit:active{cursor:grabbing}.studio-gizmo-hit[aria-disabled=true]{cursor:default}.studio-gizmo-hit:focus-visible{stroke:color-mix(in srgb, currentColor 16%, transparent)}.studio-gizmo-scale-center [data-face=x]{fill:var(--studio-gizmo-scale-center-x)}.studio-gizmo-scale-center [data-face=y]{fill:var(--studio-gizmo-scale-center-y)}.studio-gizmo-scale-center [data-face=z]{fill:var(--studio-gizmo-scale-center-z)}.studio-gizmo-scale-center[data-emphasis] [data-face=x]{fill:var(--studio-gizmo-scale-center-active-x)}.studio-gizmo-scale-center[data-emphasis] [data-face=y]{fill:var(--studio-gizmo-scale-center-active-y)}.studio-gizmo-scale-center[data-emphasis] [data-face=z]{fill:var(--studio-gizmo-scale-center-active-z)}.studio-gizmo-scale-center[data-disabled]{opacity:var(--studio-gizmo-disabled-opacity)}.studio-gizmo-scale-center-hit{fill:#0000;pointer-events:all;cursor:nesw-resize;touch-action:none;outline:none}.studio-gizmo-scale-center-hit[aria-disabled=true]{cursor:default}.studio-gizmo-arrow,.studio-gizmo-knob{fill:currentColor}.studio-gizmo-arrow{transform:scale(var(--studio-gizmo-arrow-size))}.studio-gizmo-knob{transform:scale(var(--studio-gizmo-knob-size))}.studio-gizmo-axis-label{fill:currentColor;font-family:var(--studio-font-ui);font-size:var(--studio-type-caption);font-weight:var(--studio-font-semibold);transform:translate(var(--studio-gizmo-label-offset), calc(-1 * var(--studio-gizmo-label-offset)))}.studio-gizmo-center,.studio-gizmo-marker{r:var(--studio-gizmo-marker-radius);fill:var(--studio-panel);stroke:var(--studio-property-text);stroke-width:calc(var(--studio-gizmo-detail-stroke) * var(--studio-gizmo-thickness))}.studio-gizmo-marker--current{fill:currentColor;stroke:var(--studio-gizmo-highlight)}.studio-gizmo-sweep{fill:currentColor;opacity:var(--studio-gizmo-sweep-opacity)}.studio-gizmo-origin{stroke:var(--studio-property-text);stroke-width:calc(var(--studio-gizmo-detail-stroke) * var(--studio-gizmo-thickness));stroke-dasharray:var(--studio-gizmo-origin-dash)}.studio-gizmo-tick{stroke:currentColor;stroke-width:calc(var(--studio-gizmo-detail-stroke) * var(--studio-gizmo-thickness));opacity:var(--studio-gizmo-tick-opacity)}.studio-gizmo-readout{align-items:center;gap:var(--studio-gizmo-readout-gap);max-width:var(--studio-gizmo-readout-width);border:1px solid var(--studio-menu-border);border-radius:var(--studio-field-radius);padding:var(--studio-gizmo-readout-padding);background:var(--studio-menu-surface);font-family:var(--studio-font-numeric);font-size:var(--studio-type-small);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.studio-gizmo-readout>span{color:var(--studio-property-text)}.studio-gizmo-readout small{color:var(--studio-property-text-muted);font-size:var(--studio-type-caption);flex-basis:100%}.mask-overlay{pointer-events:none;z-index:2;position:absolute;overflow:visible}.mask-overlay :is(path,line,rect,circle){vector-effect:non-scaling-stroke}.mask-shape{fill:#f05a5a12;stroke:#f05a5a;stroke-width:1.5px}.mask-shape.selected{stroke:#ffb7bc}.mask-shape.disabled{stroke-dasharray:5 4;opacity:.5}.mask-shape.draft{fill:none;stroke-dasharray:5 3}.mask-handle{fill:#fff;stroke:#301923;stroke-width:1px}.mask-handle.selected{fill:var(--studio-accent)}.mask-handle.tangent{fill:#ffb7bc}.mask-tangent{stroke:#ffb7bc;stroke-width:1px}.mask-close{fill:none;stroke:#fff;stroke-width:1px}.stage.masking{cursor:crosshair}.stage.masking .mask-gizmo-overlay{z-index:3}.mask-commands{padding:4px var(--studio-property-padding-inline);flex-wrap:wrap;gap:4px;display:flex}.mask-commands .button{height:26px;min-height:26px}.mask-commands .button[aria-pressed=true],.mask-list .button[aria-pressed=true]{background:var(--studio-control-active);border-color:var(--studio-selection-border);color:var(--studio-accent-hover)}.mask-hint{margin:4px var(--studio-property-padding-inline)}.mask-list{padding:4px var(--studio-property-padding-inline);flex-direction:column;gap:2px;max-height:140px;display:flex;overflow:auto}.mask-list .button{text-align:left;min-height:26px}.mask-commands .danger:hover{color:var(--studio-danger-text)}@media (width<=600px){.timeline-top{gap:4px}.timeline-status{display:none}.timeline-top{grid-template-columns:minmax(0,1fr) auto}}@media (any-pointer:coarse){.mask-commands .button,.mask-list .button{height:44px;min-height:44px}.timeline-lane{height:44px}}.png-export-dialog{box-sizing:border-box;border:1px solid var(--studio-border);border-radius:var(--studio-field-radius);background:var(--studio-panel);width:min(460px,100vw - 32px);color:var(--studio-text);font:inherit;padding:20px}.png-export-dialog::backdrop{background:#0000008c}.png-export-dialog form{gap:16px;display:grid}.png-export-dialog h2{margin:0;font-size:16px;font-weight:500}.png-export-dialog p{overflow-wrap:anywhere;margin:0;line-height:1.5}.png-export-dialog .export-quality{color:var(--studio-text-muted);font-size:var(--studio-type-small)}.export-details{grid-template-columns:84px minmax(0,1fr);gap:12px 16px;margin:0;line-height:1.5;display:grid}.export-details dt{color:var(--studio-text-muted)}.export-details dd{overflow-wrap:anywhere;margin:0}.export-location{user-select:text}.export-progress progress{width:100%;accent-color:var(--studio-accent)}.export-message[data-tone=error]{color:var(--studio-danger)}.export-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.export-actions .primary{background:var(--studio-accent);border-color:var(--studio-accent);color:var(--studio-accent-foreground)}.export-actions .primary:hover:not(:disabled){background:var(--studio-accent-hover)}@media (width<=380px){.export-details{grid-template-columns:1fr;gap:4px}.export-details dd{margin-bottom:8px}}body[data-account-locked=true] #app{visibility:hidden}#account-gate{border:1px solid var(--line-strong);background:var(--bg-1);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:16px;padding:36px;box-shadow:0 24px 100px #0008}#account-gate[open]{gap:18px;margin:auto;display:grid;position:fixed;inset:0}#account-gate::backdrop{background:var(--bg-0)}.account-gate-brand{align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.account-gate-brand span{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--accent);border-radius:8px;place-items:center;display:grid}#account-gate h1{letter-spacing:-.03em;margin:0;font-size:28px;line-height:1.15}#account-gate p{color:var(--text-dim);margin:0;line-height:1.6}#account-gate .account-gate-app{color:var(--accent);letter-spacing:.12em;margin-top:16px;font-size:11px}#account-gate .account-gate-note{color:var(--text-faint);font-size:12px}.account-gate-actions{flex-wrap:wrap;gap:10px;display:flex}.account-gate-actions .btn{height:38px;padding-inline:16px;text-decoration:none}.app-account{flex-shrink:0;position:relative}.app-account summary{border:1px solid var(--line);border-radius:var(--studio-control-radius);cursor:pointer;color:var(--text-dim);padding:7px 10px;list-style:none}.app-account summary::-webkit-details-marker{display:none}#account-tier{color:var(--accent)}.account-menu{z-index:1000;border:1px solid var(--line-strong);background:var(--bg-1);border-radius:8px;gap:10px;width:min(300px,100vw - 24px);padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #0006}.account-menu p{color:var(--text-dim);overflow-wrap:anywhere;margin:0}.account-menu a,.account-menu button{text-align:left;color:var(--accent);background:0 0;border:0;padding-block:5px;text-decoration:none}.account-menu button{color:var(--text-dim);border-top:1px solid var(--line);padding-top:12px}@media (width<=520px){#account-gate{padding:24px}}#projects-home[hidden],.library-activity[hidden],.library-empty[hidden]{display:none}#projects-home{background:var(--bg-0);flex-direction:column;min-height:0;padding:18px clamp(16px,2vw,32px) 0;display:flex;position:relative;overflow:hidden}.library-toolbar h1{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:550;line-height:1.2}.library-controls,.library-search-controls,.library-start-actions{align-items:center;gap:8px;display:flex}.library-controls{gap:12px;margin-left:auto}.library-search-controls{min-width:0}.library-start-actions{flex-shrink:0}#projects-home .btn{min-height:34px;padding:6px 12px}.library-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px;padding-bottom:12px;display:flex}.library-filters{gap:4px;display:flex}.library-filters button,.library-footer button{border-radius:var(--studio-control-radius);min-height:34px;color:var(--text-dim);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;padding:6px 11px}.library-filters button[aria-pressed=true],.library-footer button[aria-pressed=true]{color:var(--text);border-color:var(--line-strong);background:var(--bg-2)}#library-search{width:200px;min-width:0;height:34px}.library-notice{color:var(--text-dim);margin:0 0 12px;font-size:13px}.library-notice:empty{display:none}.library-notice[data-error=true],#cloud-save-status[data-error=true]{color:var(--warn)}#library-content{flex:1;min-height:0;padding-bottom:32px;overflow:auto}.library-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--project-thumb,240px), 100%), 1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.library-card{border:1px solid var(--line);background:var(--bg-1);min-width:0;position:relative}.library-card:hover{border-color:var(--line-strong)}.library-card-open{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:12px;padding:0 0 17px;display:flex}.library-preview{background:var(--bg-2);aspect-ratio:16/10;place-items:center;display:grid;overflow:hidden}.library-preview img{object-fit:contain;width:100%;height:100%}.library-preview svg{fill:none;width:48px;height:48px;stroke:var(--text-faint);stroke-width:1.4px}.library-card-open strong{text-overflow:ellipsis;white-space:nowrap;padding:0 42px 0 16px;font-size:14px;font-weight:550;overflow:hidden}.library-card-meta{color:var(--text-dim);padding:0 16px;font-size:11px;line-height:1.5}.library-card-menu{z-index:2;text-align:right;position:absolute;bottom:36px;right:7px}.library-card-menu summary{text-align:center;cursor:pointer;width:30px;height:27px;margin-left:auto;font-size:20px;list-style:none}.library-card-menu[open]{border:1px solid var(--line-strong);background:var(--bg-2);padding:4px}.library-card-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:0;padding:10px 14px;display:block}.library-card-menu button:hover{background:var(--bg-3)}.library-empty{text-align:center;min-height:260px;color:var(--text-dim);place-content:center;display:grid}.library-empty h2{color:var(--text);font-size:20px;font-weight:500}.library-footer{border-top:1px solid var(--line);min-height:52px;color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:20px;font-size:12px;display:flex}.library-footer label{align-items:center;gap:12px;margin-left:auto;display:flex}.library-footer input{width:110px}.library-footer a{color:var(--text-dim)}.library-grid[data-layout=list]{flex-direction:column;gap:8px;display:flex}.library-grid[data-layout=list] .library-card-open{grid-template-columns:96px minmax(100px,1fr) minmax(140px,1fr);align-items:center;padding:0 40px 0 0;display:grid}.library-grid[data-layout=list] .library-preview{width:96px}.library-grid[data-layout=list] .library-card-menu{bottom:14px}.library-activity{z-index:10;background:#08090bc9;place-items:center;display:grid;position:absolute;inset:0}.library-activity>div{background:var(--bg-1);border:1px solid var(--line-strong);width:min(400px,90vw);padding:32px}.library-activity strong{font-size:18px}.library-activity p{color:var(--text-dim);margin:16px 0 24px}#topbar .brand a{color:var(--text);text-decoration:none}#topbar .brand a:hover{color:var(--accent)}#workspace-project-name{text-overflow:ellipsis;max-width:180px;overflow:hidden}#workspace-project-name:after{content:"";border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;margin:0 2px 3px 8px;display:inline-block;transform:rotate(45deg)}#cloud-save-status[hidden],#account-plans[hidden]{display:none}#cloud-save-status{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}@media (width<=1100px){.library-filters{order:1;width:100%}}@media (width<=1000px){#workflow li:not(:last-child){display:none}}@media (width<=600px){#projects-home{padding:14px 12px 0}.library-toolbar h1{font-size:22px}.library-controls{flex-wrap:wrap;gap:8px;width:100%}.library-search-controls{flex:270px}.library-start-actions{margin-left:auto}#library-search{flex:1;width:auto}.library-footer{gap:10px;padding:12px 0}.library-footer>span{width:100%}.library-footer label{margin-left:0}.library-grid[data-layout=list] .library-card-open{grid-template-columns:72px minmax(0,1fr)}.library-grid[data-layout=list] .library-preview{width:72px}.library-grid[data-layout=list] .library-card-meta{grid-column:2;padding-bottom:8px}.brand{gap:5px}#workspace-project-name{max-width:95px}}.project-open-error{background:var(--bg-1);max-width:460px;color:var(--text);border:1px solid var(--line);padding:28px}.project-open-error p{margin-bottom:24px;line-height:1.6}.project-open-error a{color:var(--accent);margin-right:24px}.project-open-error button{padding:8px 12px}.app-dialog{border-radius:10px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;box-shadow:0 24px 80px #0008}.app-dialog::backdrop{backdrop-filter:blur(3px);background:#050608b8}.app-dialog-form{gap:16px;display:grid}.app-dialog header{justify-content:space-between;align-items:center;display:flex}.app-dialog-eyebrow{letter-spacing:.14em;color:var(--accent);font-size:10px}.app-dialog .app-dialog-close{color:var(--text-dim);background:0 0;border:0;width:28px;height:28px;font-size:22px;line-height:24px}.app-dialog h2{margin:0;font-size:21px;line-height:1.25}.app-dialog p{overflow-wrap:anywhere;margin:0}.app-dialog .app-dialog-error{color:var(--danger)}.app-dialog-field{color:var(--text-dim);gap:8px;display:grid}.app-dialog-field input{border:1px solid var(--line-strong);background:var(--bg-0);width:100%;min-width:0;height:40px;color:var(--text);border-radius:4px;padding:8px 10px}.app-dialog footer{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.app-dialog footer .btn{min-height:36px;padding-inline:16px}.app-dialog .btn.danger{background:var(--studio-danger-surface,#482329);border-color:var(--danger);color:var(--danger)}body{flex-direction:column;height:100dvh;display:flex}body #app{flex:1;height:auto;min-height:0}body[data-project-view=home] #app{display:none}body[data-project-view=home] #projects-home{flex:1}body[data-project-view=home] #workspace-projects{display:none}#suite-toolbar{background:var(--studio-chrome);border-bottom:1px solid var(--line);z-index:20;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex}#suite-toolbar .brand-logo{width:78px;height:auto}#suite-toolbar .product-name{font-size:14px}#suite-toolbar #app-account{margin-left:auto}#project-actions{max-width:220px;position:relative}#project-actions summary{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}#project-actions .account-menu{left:0;right:auto}#project-save-status{color:var(--text-dim);max-width:300px;font-size:12px}#project-save-status[data-error=true]{color:#f0a098}body .btn{border:1px solid var(--line);background:var(--bg-2);min-height:30px;color:var(--text);cursor:pointer;font:inherit;border-radius:5px;justify-content:center;align-items:center;padding:6px 10px;text-decoration:none;display:inline-flex}body .btn.primary{background:var(--accent);color:var(--bg-0)}body [hidden],body .btn[hidden]{display:none!important}body[data-account-locked=true] #suite-toolbar,body[data-account-locked=true] #projects-home{visibility:hidden}@media (width<=700px){#suite-toolbar{gap:6px}#project-save-status{order:2;width:100%;max-width:none}#project-actions{max-width:130px}}
