:root{--app-viewport-width: 100vw;--app-viewport-height: 100dvh;--app-safe-top: env(safe-area-inset-top, 0px);--app-safe-right: env(safe-area-inset-right, 0px);--app-safe-bottom: env(safe-area-inset-bottom, 0px);--app-safe-left: env(safe-area-inset-left, 0px);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Menlo", "Cascadia Code", "Consolas", monospace;--font-family: var(--font-sans);--font-size-micro: .4625rem;--font-size-3xs: .5rem;--font-size-meta-sm: .58rem;--font-size-2xs: .625rem;--font-size-caption: .65rem;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-lg: .875rem;--font-size-panel-title: .9375rem;--font-size-2xl: 1rem;--font-size-heading-sm: 1.125rem;--font-size-heading-md: 1.25rem;--font-size-heading-xl: 1.4rem;--font-size-display-lg: 3rem;--font-size-relative-unit: .4em;--font-weight-thin: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--line-height-tight: 1;--line-height-ui: 1.25;--line-height-readable: 1.45;--line-height-code: 1.6;--letter-spacing-tight: 0;--letter-spacing-ui: .01em;--letter-spacing-label: .02em;--letter-spacing-wide: .08em;--letter-spacing-caps: .15em;--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 18px;--space-10: 20px;--space-11: 22px;--space-12: 24px;--radius-2xs: 2px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-ui: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-panel: 16px;--radius-2xl: 18px;--radius-pill: 999px;--radius-round: 50%;--control-radius: var(--radius-sm);--widget-radius: var(--radius-lg);--border-radius: var(--control-radius);--border-radius-lg: var(--widget-radius);--section-heading-weight: var(--font-weight-semibold);--section-heading-tracking: var(--letter-spacing-label);--duration-fast: .15s;--duration-base: .18s;--duration-medium: .2s;--duration-slow: .3s;--ease-standard: ease;--ease-out: ease-out;--control-duration: .12s;--control-ease: ease-out;--control-height-sm: 24px;--control-height-md: 28px;--control-height-lg: 40px;--control-inline-padding: 10px;--slider-track-height: 2px;--slider-thumb-width: 8px;--slider-thumb-height: 14px;--slider-thumb-radius: var(--radius-2xs);--icon-btn-sm: 22px;--icon-btn-md: 24px;--icon-btn-lg: 32px;--panel-width-md: 280px;--right-panel-width: var(--panel-width-md);--right-panel-content-padding: 10px 14px;--right-panel-content-gap: var(--space-6);--right-rail-tab-size: 28px;--right-rail-tab-icon-size: 16px;--perf-panel-label-width: 74px;--switch-track-width: 30px;--switch-track-height: 18px;--switch-thumb-size: 14px;--switch-thumb-offset: 1px;--switch-thumb-translate: 12px}body{--heading-color: var(--text-bright);--section-heading-color: var(--text-muted);--eyebrow-color: var(--text-muted);--instrument-value-color: color-mix(in srgb, var(--text-bright) 50%, var(--text-muted));--focus-ring: 0 0 0 2px var(--glow-accent-border);--shadow-app-dialog: 0 24px 72px var(--shadow-dialog);--shadow-floating-panel: 0 18px 48px var(--shadow-floating);--shadow-control-inset: inset 0 0 0 1px var(--control-inset);--shadow-border-ring: 0 0 0 1px var(--border-medium);--shadow-focus-control: 0 0 0 1px var(--control-focus-shadow), 0 1px 6px var(--control-ambient-shadow);--render-family-control-surface: linear-gradient( 145deg, var(--raised-control-surface-highlight) 0%, var(--raised-control-surface-shadow) 100% );--shadow-render-family-raised: calc(-1 * var(--raised-control-elevation-offset)) calc(-1 * var(--raised-control-elevation-offset)) var(--raised-control-elevation-blur) var(--raised-control-highlight), var(--raised-control-elevation-offset) var(--raised-control-elevation-offset) var(--raised-control-elevation-blur) var(--raised-control-shadow);--shadow-render-family-bevel: inset 1px 1px 0 var(--raised-control-bevel-highlight), inset -1px -1px 0 var(--raised-control-bevel-shadow);--shadow-render-family-pressed: inset 4px 4px 8px var(--raised-control-shadow), inset -4px -4px 8px var(--raised-control-highlight);--shadow-hud-stat-recessed: inset 1px 1px 4px var(--hud-stat-recess-shadow), inset -1px -1px 4px var(--hud-stat-recess-highlight);--shadow-inset-accent: inset 0 0 0 1px var(--accent-primary);--shadow-inset-accent-left: inset 2px 0 0 var(--accent-primary);--shadow-soft-border-glow: 0 0 6px var(--border-strong);--shadow-active-node-dot: 0 0 6px var(--accent-primary), inset 0 0 4px var(--fill-subtle);--shadow-accent-soft: 0 0 10px var(--glow-accent-soft);--shadow-color-swatch-selected: 0 0 0 1px var(--accent-primary), var(--shadow-control-inset);--shadow-meter: 0 0 10px var(--meter-glow);--shadow-meter-active: 0 0 14px var(--meter-glow-active);--shadow-playback-glow: 0 0 3px color-mix(in srgb, var(--playback-ring-middle) 24%, transparent), 0 0 6px color-mix(in srgb, var(--playback-ring-end) 12%, transparent);--shadow-playback-inner-relief-pressed: inset 4px 4px 8px color-mix(in srgb, var(--canvas-bg) 30%, transparent), inset -4px -4px 8px color-mix(in srgb, var(--text-bright) 3%, transparent);--shadow-playback-elevation: -4px -4px 8px color-mix(in srgb, var(--text-bright) 6%, transparent), 4px 4px 12px color-mix(in srgb, var(--canvas-bg) 30%, transparent);--playback-ring-gradient: linear-gradient( 105deg, var(--playback-ring-start) 0%, var(--playback-ring-middle) 52%, var(--playback-ring-end) 100% );--control-active-surface: color-mix(in srgb, var(--accent-primary) 18%, var(--input-bg));--control-active-surface-hover: color-mix(in srgb, var(--accent-primary) 28%, var(--input-bg));--playback-control-surface: color-mix(in srgb, var(--control-active-surface) 68%, var(--input-bg));--playback-control-surface-hover: color-mix(in srgb, var(--control-active-surface-hover) 76%, var(--input-bg));--shadow-preset-tab-inset: inset 0 0 12px var(--preset-tab-inset-shadow);--playback-surface-gradient: radial-gradient( circle at 35% 30%, color-mix(in srgb, var(--playback-control-surface) 90%, var(--text-bright)) 0%, var(--playback-control-surface) 48%, color-mix(in srgb, var(--playback-control-surface) 78%, var(--canvas-bg)) 100% );--playback-surface-hover-gradient: radial-gradient( circle at 38% 32%, color-mix(in srgb, var(--playback-control-surface-hover) 92%, var(--text-bright)) 0%, var(--playback-control-surface-hover) 52%, color-mix(in srgb, var(--playback-control-surface-hover) 90%, var(--canvas-bg)) 100% );--playback-surface-pressed-gradient: radial-gradient( circle at 62% 68%, color-mix(in srgb, var(--playback-control-surface) 90%, var(--canvas-bg)) 0%, var(--playback-control-surface) 52%, color-mix(in srgb, var(--playback-control-surface) 96%, var(--text-bright)) 100% );--text-shadow-welcome-soft: 0 0 1px var(--welcome-shadow);--filter-accent-drop: drop-shadow(0 0 6px var(--accent-primary));--filter-welcome-panel-icon: drop-shadow(0 0 8px var(--welcome-panel-icon-shadow));--filter-panel-wordmark-soft: drop-shadow(0 0 .25rem var(--fill-subtle));--filter-welcome-wordmark: drop-shadow(0 0 1px var(--welcome-wordmark-shadow-tight)) drop-shadow(0 0 8px var(--welcome-wordmark-shadow-soft)) drop-shadow(0 0 16px var(--welcome-wordmark-shadow-deep));--filter-welcome-brand: drop-shadow(0 0 1px var(--welcome-brand-shadow-tight)) drop-shadow(0 0 8px var(--welcome-brand-shadow-soft)) drop-shadow(0 0 18px var(--welcome-brand-shadow-deep));--slider-thumb-color: var(--text-muted);--slider-thumb-hover-color: var(--text-color)}:root{--scene-theme-background: #14223a;--bg-gradient-end: var(--scene-theme-background);--bg-gradient-start: var(--scene-theme-background);--canvas-bg: var(--scene-theme-background);--text-color: #d5e3ff;--text-bright: #e8f1ff;--text-muted: #a0b4d0;--text-secondary: var(--text-muted);--text-dim: var(--text-muted);--accent-primary: #31ade6;--accent-text: #31ade6;--accent-secondary: #f0a830;--accent-secondary-text: #f0a830;--accent-success: #4de88a;--success-text: #4de88a;--accent-danger: #ff9f2f;--warning-text: #ffd166;--playback-ring-start: #7950f2;--playback-ring-middle: #12bfae;--playback-ring-end: #d946c4;--preset-tab-surface: #241a16;--preset-tab-surface-hover: #2d211c;--preset-tab-border: rgba(0, 0, 0, .62);--preset-tab-stitch: rgba(156, 137, 119, .64);--preset-tab-text: #b8aa9d;--preset-tab-text-hover: #d2c6bb;--preset-tab-text-active: #c6ad96;--preset-tab-inset-shadow: rgba(0, 0, 0, .26);--recording-red: #ff4444;--panel-bg: rgba(5, 9, 16, .95);--panel-bg-hover: rgba(12, 18, 28, .82);--panel-border: rgba(255, 255, 255, .08);--floating-panel-bg: color-mix(in srgb, var(--panel-bg) 98%, #000 2%);--border-color: var(--panel-border);--accent: var(--accent-primary);--section-bg: rgba(255, 255, 255, .03);--section-border: rgba(255, 255, 255, .05);--section-params-bg: rgba(0, 0, 0, .15);--input-bg: #0a1420;--input-border: rgba(255, 255, 255, .15);--btn-bg: rgba(255, 255, 255, .08);--btn-border: rgba(255, 255, 255, .15);--btn-hover-bg: rgba(255, 255, 255, .12);--btn-primary-bg: rgba(49, 173, 230, .18);--btn-primary-hover: rgba(49, 173, 230, .28);--modal-bg: rgba(10, 20, 35, .98);--slider-rocket: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g transform='rotate(90 32 32)'><path d='M32 4C32 4 18 18 18 38C18 42 19.5 45.5 21 48L24 52H40L43 48C44.5 45.5 46 42 46 38C46 18 32 4 32 4Z' fill='%2371839c'/><path d='M26 52V58C26 58 28 60 32 60C36 60 38 58 38 58V52' fill='%2331ade6'/><ellipse cx='32' cy='28' rx='5' ry='6' fill='%23a9bdd8'/><path d='M18 36L7 47L19 44Z' fill='%2353647c'/><path d='M46 36L57 47L45 44Z' fill='%2353647c'/></g></svg>");--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--overlay-bg: rgba(0, 0, 0, .4);--overlay-medium: rgba(0, 0, 0, .6);--overlay-heavy: rgba(0, 0, 0, .7);--fill-ghost: rgba(255, 255, 255, .02);--fill-faint: rgba(255, 255, 255, .03);--fill-subtle: rgba(255, 255, 255, .05);--fill-muted: rgba(255, 255, 255, .06);--fill-soft: rgba(255, 255, 255, .08);--fill-visible: rgba(255, 255, 255, .1);--border-faint: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .25);--border-inverse: rgba(255, 255, 255, .24);--text-ghost: rgba(255, 255, 255, .35);--text-subtle: rgba(255, 255, 255, .5);--text-semi: rgba(255, 255, 255, .7);--text-strong: rgba(255, 255, 255, .8);--text-white: #fff;--icon-control-opacity: .7;--icon-control-disabled-opacity: .28;--shadow-color: rgba(0, 0, 0, .5);--shadow-heavy: rgba(0, 0, 0, .7);--shadow-light: rgba(0, 0, 0, .4);--shadow-dialog: rgba(0, 0, 0, .45);--shadow-floating: rgba(0, 0, 0, .58);--control-inset: rgba(0, 0, 0, .18);--control-inset-strong: rgba(0, 0, 0, .22);--control-focus-shadow: rgba(0, 0, 0, .55);--control-ambient-shadow: rgba(0, 0, 0, .35);--raised-control-surface-highlight: rgba(255, 255, 255, .14);--raised-control-surface-shadow: rgba(255, 255, 255, .025);--raised-control-highlight: rgba(255, 255, 255, .13);--raised-control-shadow: rgba(0, 0, 0, .24);--raised-control-elevation-offset: 2px;--raised-control-elevation-blur: 4px;--raised-control-border: rgba(255, 255, 255, .09);--render-family-control-outline: rgba(0, 0, 0, .72);--raised-control-bevel-highlight: rgba(255, 255, 255, .08);--raised-control-bevel-shadow: rgba(0, 0, 0, .08);--hud-stat-recess-shadow: rgba(0, 0, 0, .42);--hud-stat-recess-highlight: rgba(255, 255, 255, .1);--shadow-sm: 0 4px 16px var(--shadow-light);--shadow-md: 0 8px 32px var(--shadow-color);--shadow-lg: 0 20px 60px var(--shadow-heavy), 0 0 30px var(--glow-accent-soft);--shadow-glow: 0 0 6px var(--glow-accent);--danger-bg: rgba(255, 159, 47, .15);--danger-bg-hover: rgba(255, 159, 47, .25);--danger-text: #ffb15a;--danger-text-hover: #ffd08a;--danger-border: rgba(255, 159, 47, .16);--danger-border-hover: rgba(255, 159, 47, .34);--danger-reset: #ffb15a;--danger-reset-hover: #ffd08a;--glow-accent: rgba(49, 173, 230, .5);--glow-accent-soft: rgba(49, 173, 230, .15);--glow-accent-border: rgba(49, 173, 230, .3);--glow-accent-intense: rgba(49, 173, 230, .6);--glow-playback: rgba(127, 196, 255, .3);--modal-scope-active: #ff8c00;--slide-tab-bg: rgba(20, 20, 30, .85);--slide-tab-hover-bg: rgba(30, 30, 50, .95);--slide-panel-bg: rgba(20, 20, 30, .92);--gravity-tab-color: rgba(255, 166, 70, .72);--gravity-tab-hover: #ffb464;--gravity-tab-border: rgba(255, 159, 47, .28);--gravity-on-color: #00ff88;--gravity-on-border: rgba(0, 255, 136, .3);--gravity-on-hover: #33ffaa;--perf-tab-color: rgba(100, 180, 255, .7);--perf-tab-hover: #88ccff;--perf-tab-border: rgba(100, 180, 255, .25);--zone-ok: rgba(76, 175, 80, .9);--zone-warn: rgba(255, 152, 0, .9);--zone-crit: rgba(244, 67, 54, .9);--zone-ok-text: rgba(76, 175, 80, .9);--zone-warn-text: rgba(255, 177, 66, .95);--zone-crit-text: rgba(255, 108, 96, .95);--zone-ok-fill: rgba(76, 175, 80, .7);--zone-warn-fill: rgba(255, 152, 0, .7);--zone-crit-fill: rgba(244, 67, 54, .7);--orbit-p2: #aa66ff;--orbit-p3: #88ff44;--orbit-p4: #ffd166;--welcome-text-color: #d5e3ff;--welcome-text-bright: #e8f1ff;--welcome-text-muted: #a0b4d0;--welcome-text-white: #fff;--welcome-accent-primary: #31ade6;--welcome-glow-accent-soft: rgba(49, 173, 230, .15);--welcome-glow-accent-intense: rgba(49, 173, 230, .6);--welcome-orbit-p2: #aa66ff;--welcome-orbit-p3: #88ff44;--welcome-orbit-p4: #ffd166;--welcome-overlay-bg: rgba(0, 0, 0, .48);--welcome-foreground: rgba(224, 233, 247, .84);--welcome-muted: rgba(190, 205, 228, .78);--welcome-wordmark: rgba(224, 233, 247, .68);--welcome-action-foreground: rgba(116, 132, 160, .86);--welcome-launch-foreground: var(--welcome-foreground);--welcome-action-halo: rgba(232, 240, 252, .24);--welcome-action-halo-soft: rgba(232, 240, 252, .08);--welcome-shadow: rgba(8, 14, 24, .42);--welcome-panel-icon-shadow: rgba(8, 14, 24, .18);--welcome-wordmark-shadow-tight: rgba(255, 255, 255, .74);--welcome-wordmark-shadow-soft: rgba(232, 240, 252, .16);--welcome-wordmark-shadow-deep: rgba(8, 14, 24, .16);--welcome-brand-color: rgba(220, 226, 238, .68);--welcome-brand-shadow-tight: rgba(170, 180, 205, .65);--welcome-brand-shadow-soft: rgba(150, 165, 195, .28);--welcome-brand-shadow-deep: rgba(120, 140, 180, .16);--json-key: #c4b5fd;--json-string: #86efac;--json-number: #93c5fd;--json-bool: #fbbf24;--json-null: #6b7280;--axis-label-text: #fff;--button-on-accent-text: #182233;--color-picker-default: #ffffff;--color-picker-handle: #ffffff;--color-picker-light: #ffffff;--color-picker-dark: #000000;--color-picker-light-transparent: rgba(255, 255, 255, 0);--color-picker-dark-transparent: rgba(0, 0, 0, 0);--color-picker-hue-gradient: linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);--color-picker-rainbow-orb-gradient: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, .1) 0 5%, rgba(255, 255, 255, 0) 28%), radial-gradient(circle at 68% 72%, rgba(8, 15, 30, .16) 0 7%, rgba(8, 15, 30, 0) 60%), conic-gradient(from 180deg at 50% 50%, #06b6d4 0%, #2563eb 14%, #7c3aed 27%, #d946ef 40%, #ef4444 52%, #f97316 62%, #facc15 73%, #22c55e 87%, #06b6d4 100%);--meter-bg: rgba(148, 163, 184, .18);--meter-fill-start: rgba(66, 227, 209, .78);--meter-fill-end: rgba(107, 241, 158, .95);--meter-glow: rgba(66, 227, 209, .35);--meter-glow-active: rgba(66, 227, 209, .55);--audio-card-bg: rgba(15, 23, 42, .22);--audio-card-border: rgba(148, 163, 184, .14)}body.light-mode{--bg-gradient-start: var(--scene-theme-background);--bg-gradient-end: var(--scene-theme-background);--canvas-bg: var(--scene-theme-background);--text-color: #293447;--text-bright: #182233;--text-muted: #445066;--text-secondary: var(--text-muted);--text-dim: var(--text-muted);--accent-primary: #31ade6;--accent-text: #005577;--accent-secondary: #18a060;--accent-secondary-text: #075c30;--accent-success: #28955a;--success-text: #075c30;--accent-danger: #a85f00;--warning-text: #6b4700;--playback-ring-start: #6236e8;--playback-ring-middle: #008f86;--playback-ring-end: #c92db7;--preset-tab-surface: #876048;--preset-tab-surface-hover: #8f674f;--preset-tab-border: rgba(48, 35, 29, .58);--preset-tab-stitch: rgba(35, 23, 17, .95);--preset-tab-text: #f3e8dd;--preset-tab-text-hover: #fff4e9;--preset-tab-text-active: #fff8f1;--preset-tab-inset-shadow: rgba(45, 30, 22, .18);--panel-bg: rgba(202, 209, 219, .95);--panel-bg-hover: rgba(190, 198, 210, .92);--panel-border: rgba(0, 0, 0, .12);--floating-panel-bg: color-mix(in srgb, var(--panel-bg) 98%, #fff 2%);--border-color: var(--panel-border);--accent: var(--accent-primary);--section-bg: rgba(0, 0, 0, .03);--section-border: rgba(0, 0, 0, .08);--section-params-bg: rgba(0, 0, 0, .04);--input-bg: #c1c9d4;--input-border: rgba(0, 0, 0, .2);--btn-bg: rgba(0, 0, 0, .05);--btn-border: rgba(0, 0, 0, .15);--btn-hover-bg: rgba(0, 0, 0, .08);--btn-primary-bg: rgba(49, 173, 230, .14);--btn-primary-hover: rgba(49, 173, 230, .22);--modal-bg: rgba(202, 209, 219, .98);--slider-rocket: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g transform='rotate(90 32 32)'><path d='M32 4C32 4 18 18 18 38C18 42 19.5 45.5 21 48L24 52H40L43 48C44.5 45.5 46 42 46 38C46 18 32 4 32 4Z' fill='%235d6879'/><path d='M26 52V58C26 58 28 60 32 60C36 60 38 58 38 58V52' fill='%2331ade6'/><ellipse cx='32' cy='28' rx='5' ry='6' fill='%23d7e0ec'/><path d='M18 36L7 47L19 44Z' fill='%233f4a5b'/><path d='M46 36L57 47L45 44Z' fill='%233f4a5b'/></g></svg>");--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .3);--fill-ghost: rgba(0, 0, 0, .02);--fill-faint: rgba(0, 0, 0, .03);--fill-subtle: rgba(0, 0, 0, .05);--fill-muted: rgba(0, 0, 0, .06);--fill-soft: rgba(0, 0, 0, .08);--fill-visible: rgba(0, 0, 0, .1);--border-faint: rgba(0, 0, 0, .06);--border-subtle: rgba(0, 0, 0, .1);--border-medium: rgba(0, 0, 0, .15);--border-strong: rgba(0, 0, 0, .25);--border-inverse: rgba(255, 255, 255, .24);--text-ghost: rgba(0, 0, 0, .45);--text-subtle: rgba(0, 0, 0, .6);--text-semi: rgba(0, 0, 0, .75);--text-strong: rgba(0, 0, 0, .8);--text-white: #1a202c;--icon-control-opacity: 1;--icon-control-disabled-opacity: .62;--glow-accent: rgba(49, 173, 230, .5);--glow-accent-soft: rgba(49, 173, 230, .15);--glow-accent-border: rgba(49, 173, 230, .3);--glow-accent-intense: rgba(49, 173, 230, .6);--glow-playback: rgba(49, 173, 230, .3);--slide-tab-bg: rgba(202, 209, 219, .88);--slide-tab-hover-bg: rgba(190, 198, 210, .96);--slide-panel-bg: rgba(202, 209, 219, .94);--gravity-tab-color: #663900;--gravity-tab-hover: #472800;--gravity-on-color: #075c30;--gravity-on-border: rgba(7, 92, 48, .7);--gravity-on-hover: #043e20;--perf-tab-color: #005577;--perf-tab-hover: #003d57;--zone-ok-text: #075c30;--zone-warn-text: #6b4700;--zone-crit-text: #8f2424;--danger-bg: rgba(168, 95, 0, .12);--danger-bg-hover: rgba(168, 95, 0, .2);--danger-text: #663900;--danger-text-hover: #472800;--danger-border: rgba(168, 95, 0, .16);--danger-border-hover: rgba(168, 95, 0, .32);--danger-reset: #8f5200;--danger-reset-hover: #5f3600;--shadow-dialog: rgba(16, 24, 34, .26);--shadow-floating: rgba(16, 24, 34, .24);--control-inset: rgba(0, 0, 0, .18);--control-inset-strong: rgba(0, 0, 0, .2);--control-focus-shadow: rgba(0, 0, 0, .35);--control-ambient-shadow: rgba(0, 0, 0, .2);--raised-control-surface-highlight: rgba(255, 255, 255, .28);--raised-control-surface-shadow: rgba(56, 72, 96, .07);--raised-control-highlight: rgba(255, 255, 255, .36);--raised-control-shadow: rgba(51, 68, 91, .22);--raised-control-elevation-offset: 4px;--raised-control-elevation-blur: 8px;--raised-control-border: rgba(0, 0, 0, .15);--render-family-control-outline: rgba(0, 0, 0, .28);--raised-control-bevel-highlight: rgba(255, 255, 255, .46);--raised-control-bevel-shadow: rgba(56, 72, 96, .14);--hud-stat-recess-shadow: rgba(0, 0, 0, .18);--hud-stat-recess-highlight: rgba(255, 255, 255, .2);--json-key: #5b21b6;--json-string: #075c30;--json-number: #1747a6;--json-bool: #6b4700;--json-null: #3f4b5c;--axis-label-text: #fff;--button-on-accent-text: #182233;--audio-card-bg: rgba(255, 255, 255, .22);--audio-card-border: rgba(26, 32, 44, .14)}.orbitarium-wordmark{--orbitarium-wordmark-mask: url(../assets/orbitarium-wordmark.svg);-webkit-mask:var(--orbitarium-wordmark-mask) center / contain no-repeat;mask:var(--orbitarium-wordmark-mask) center / contain no-repeat}.orbitarium-wordmark--thick{--orbitarium-wordmark-mask: url(../assets/orbitarium-wordmark.svg#thick)}*{box-sizing:border-box}button:focus,button:focus-visible,[role=button]:focus,[role=button]:focus-visible,[tabindex]:focus,[tabindex]:focus-visible,input:focus,select:focus,textarea:focus,a:focus,a:focus-visible{outline:none}html{width:100%;height:100%;height:-webkit-fill-available;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}@supports (-webkit-touch-callout: none){@media(hover:none)and (pointer:coarse){html:has(body:not(.welcome-active):not(.boot-pending)){font-size:calc(16px * var(--ui-zoom, 1))}}}body,html{margin:0;padding:0;overflow:hidden;overscroll-behavior:none;background-color:var(--canvas-bg);background-image:radial-gradient(circle at 20% 20%,var(--bg-gradient-start),var(--bg-gradient-end) 55%);background-repeat:no-repeat;background-size:cover;font-family:var(--font-family);color:var(--text-color);-webkit-user-select:none;user-select:none}body{width:100%;min-height:100%;min-height:-webkit-fill-available;min-height:100dvh;touch-action:manipulation}#canvas{position:fixed;inset:0;width:100%;height:100%;background:var(--canvas-bg);touch-action:none}.quad-view-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .16s ease}.quad-view-overlay.visible{opacity:1}.quad-view-line{position:absolute;display:block;opacity:.58;background:#d2e8f86b;box-shadow:0 0 0 1px #0008122e,0 0 8px #33beff1f;mix-blend-mode:difference}.quad-view-line-vertical{top:0;bottom:0;left:50%;width:1px;transform:translate(-.5px)}.quad-view-line-horizontal{left:0;right:0;top:50%;height:1px;transform:translateY(-.5px)}body.boot-pending .quad-view-overlay,body.welcome-active .quad-view-overlay{opacity:0}button,[role=button],input,select,textarea,a,label,#welcomeOverlay{touch-action:manipulation}body:not(.light-mode) select{color-scheme:dark}body.light-mode select{color-scheme:light}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}a{color:var(--accent-text);text-decoration:none}html.skip-welcome #welcomeOverlay{display:none!important}#welcomeOverlay{--text-color: var(--welcome-text-color);--text-bright: var(--welcome-text-bright);--text-muted: var(--welcome-text-muted);--text-white: var(--welcome-text-white);--accent-primary: var(--welcome-accent-primary);--welcome-curtain-offset: calc(-100% - 16dvh) ;--glow-accent-soft: var(--welcome-glow-accent-soft);--glow-accent-intense: var(--welcome-glow-accent-intense);--orbit-p2: var(--welcome-orbit-p2);--orbit-p3: var(--welcome-orbit-p3);--orbit-p4: var(--welcome-orbit-p4);--welcome-overlay-blur: 8px;--welcome-curtain-duration: 1s;--welcome-curtain-ease: cubic-bezier(.4, 0, .2, 1);--welcome-portal-center: rgba(22, 30, 44, .24);--welcome-beta-surface: rgba(8, 14, 24, .44);--welcome-portal-contour: rgba(176, 194, 220, .16);--welcome-portal-accent-soft: rgba(72, 158, 198, .1);--welcome-portal-hover-glow: rgba(72, 158, 198, .2);position:fixed;inset:0;width:100%;min-height:100%;min-height:100dvh;z-index:200;display:grid;place-items:center;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-backdrop-filter:blur(var(--welcome-overlay-blur));backdrop-filter:blur(var(--welcome-overlay-blur));background:var(--welcome-overlay-bg);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;opacity:1;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform var(--welcome-curtain-duration) var(--welcome-curtain-ease)}#welcomeOverlay::-webkit-scrollbar{width:0;height:0}#welcomeOverlay.launching,#welcomeOverlay.return-prep,#welcomeOverlay.returning{pointer-events:none;overscroll-behavior:none}#welcomeOverlay.return-prep{transition:none;-webkit-backdrop-filter:blur(var(--welcome-overlay-blur));backdrop-filter:blur(var(--welcome-overlay-blur));background:var(--welcome-overlay-bg);opacity:1;transform:translate3d(0,var(--welcome-curtain-offset),0)}#welcomeOverlay.returning{-webkit-backdrop-filter:blur(var(--welcome-overlay-blur));backdrop-filter:blur(var(--welcome-overlay-blur));background:var(--welcome-overlay-bg);opacity:1;transform:translateZ(0)}#welcomeOverlay.slide-out-up{transform:translate3d(0,var(--welcome-curtain-offset),0)}@media(prefers-reduced-motion:reduce){#welcomeOverlay.slide-out-up,#welcomeOverlay.return-prep,#welcomeOverlay.returning{transition-duration:.01ms;transition-delay:0s}}#welcomeOverlay .welcome-auth-loading,#welcomeOverlay .welcome-text .om-tagline{color:var(--welcome-muted);text-shadow:var(--text-shadow-welcome-soft)}#welcomeOverlay .welcome-launch-btn{color:var(--welcome-action-foreground);text-shadow:0 0 1px var(--welcome-action-halo),0 0 10px var(--welcome-action-halo-soft)}#welcomeOverlay .welcome-launch-btn .launch-text{color:var(--welcome-launch-foreground)}#welcomeOverlay .welcome-text .om-brand{color:var(--welcome-wordmark);filter:var(--filter-welcome-wordmark)}.welcome-center{position:relative;width:min(100%,760px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.2vh,24px);min-height:min(100dvh,980px);padding:clamp(20px,4vh,48px) 16px;box-sizing:border-box;flex-shrink:0;margin:0 auto;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.welcome-content{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vw,16px);width:100%}.welcome-logo-slot{display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(133px,min(26.4vw,32vh),317px)}.welcome-logo{width:clamp(133px,min(26.4vw,32vh),317px);height:clamp(133px,min(26.4vw,32vh),317px);overflow:visible;flex-shrink:0;perspective:600px}.orbit-ring{transform-origin:300px 300px;transition:transform .8s ease-out}.orbit-ring-1,.orbit-ring-2{stroke:var(--text-color);stroke-opacity:.28;stroke-width:1.5}.orbit-ring-3,.orbit-ring-4{stroke:var(--text-color);stroke-opacity:.22;stroke-width:1}.orbit-inset{pointer-events:none}.welcome-logo:hover .orbit-ring-1{animation:ring-spin-ccw 2.5s ease-in-out}.welcome-logo:hover .orbit-ring-2{animation:ring-spin-cw 2s ease-in-out}.welcome-logo:hover .orbit-ring-3{animation:ring-spin-ccw 1.5s ease-in-out}.welcome-logo:hover .orbit-ring-4{animation:ring-spin-cw 1.2s ease-in-out}@keyframes ring-spin-ccw{0%,to{transform:rotateY(0)}50%{transform:rotateY(-180deg)}}@keyframes ring-spin-cw{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.orbit-planet{transform-origin:300.232px 300.232px}.orbit-p1{animation:orbit-spin 25s linear infinite}.orbit-p2{animation:orbit-spin 18s linear infinite}.orbit-p3{animation:orbit-spin 12s linear infinite reverse}.orbit-p4{animation:orbit-spin 8s linear infinite}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-planet>ellipse{stroke:currentColor;stroke-opacity:.15;stroke-width:1}.orbit-p1>ellipse{fill:var(--accent-primary)}.orbit-p2>ellipse{fill:var(--orbit-p2)}.orbit-p3>ellipse{fill:var(--orbit-p3)}.orbit-p4>ellipse{fill:var(--orbit-p4)}.orbit-moon ellipse,.orbit-submoon ellipse{opacity:.7;stroke:currentColor;stroke-opacity:.1;stroke-width:.5}.moon-of-p1>ellipse{fill:var(--text-white)}.moon-of-p1{transform-origin:75.078px 101.742px;animation:orbit-spin 7s linear infinite reverse}.submoon-of-p1>ellipse{fill:var(--text-white);opacity:.5}.submoon-of-p1{transform-origin:116px 101.742px;animation:orbit-spin 2s linear infinite}.moon-orbit-path,.submoon-orbit-path{fill:none;stroke:var(--text-white);stroke-width:1;stroke-opacity:.15}.orbit-trail-1{opacity:.6}.orbit-trail-2{opacity:.5}.orbit-trail-3{opacity:.4}.orbit-trail-4{opacity:.32}.orbit-trail-5{opacity:.24}.orbit-trail-6{opacity:.18}.orbit-trail-7{opacity:.13}.orbit-trail-8{opacity:.09}.welcome-text{--welcome-wordmark-width: min(86vw, clamp(260px, 72vw, 760px));--welcome-wordmark-visible-right-inset: 9.5%;display:flex;flex-direction:column;align-items:flex-end;width:var(--welcome-wordmark-width);gap:clamp(0px,.25vw,4px)}.orbitarium-wordmark{display:block;aspect-ratio:788 / 87;background-color:currentColor}.welcome-text .om-brand-row{position:relative;display:block;width:100%}.welcome-text .om-brand{width:100%;color:var(--welcome-brand-color);line-height:1;filter:var(--filter-welcome-brand)}.welcome-text .om-beta-badge{position:absolute;top:clamp(0px,.25vw,4px);left:calc(100% - var(--welcome-wordmark-visible-right-inset) + 4px);display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:18px;padding:0 6px;border:1px solid var(--welcome-portal-contour);border-radius:9999px;background:var(--welcome-beta-surface);box-shadow:0 0 2px var(--welcome-portal-accent-soft),0 4px 12px var(--welcome-shadow);color:var(--welcome-launch-foreground);font-family:var(--font-family);font-size:10px;font-weight:var(--font-weight-medium);line-height:1;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.welcome-text .om-tagline{font-family:var(--font-family);font-size:clamp(8px,min(1vw,1.5vh),12px);font-weight:var(--font-weight-regular);color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:clamp(-6px,-.4vw,-2px);margin-right:var(--welcome-wordmark-visible-right-inset);text-align:right}.welcome-launch-btn{--welcome-launch-letter-spacing: 5px;width:clamp(132px,13vw,172px);height:clamp(34px,4.5vh,41px);padding:0;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-2xl);cursor:pointer;display:none;align-items:center;justify-content:center;position:relative;z-index:2;min-height:34px;visibility:hidden;opacity:0;pointer-events:none}.welcome-launch-btn.is-visible,body.dev-mode .welcome-launch-btn{display:flex;visibility:visible;opacity:1;pointer-events:auto}.launch-portal{position:absolute;inset:0;display:grid;place-items:center;isolation:isolate;border:none;border-radius:var(--radius-2xl);background:radial-gradient(ellipse at 50% 44%,var(--welcome-portal-center) 42%,var(--welcome-portal-accent-soft) 100%);box-shadow:0 0 2px var(--welcome-portal-accent-soft),0 4px 12px var(--welcome-shadow),inset 0 0 12px var(--welcome-portal-accent-soft);transition:box-shadow .3s}.launch-portal-contour{position:absolute;inset:0;border:1px solid var(--welcome-portal-contour);border-radius:var(--radius-2xl);pointer-events:none;transition:border-color .3s}.welcome-launch-btn .launch-text{position:relative;z-index:2;display:inline-block;padding-inline-start:var(--welcome-launch-letter-spacing);font-family:var(--font-family);font-size:16px;font-weight:var(--font-weight-semibold);letter-spacing:var(--welcome-launch-letter-spacing);text-transform:uppercase;color:var(--welcome-launch-foreground);text-shadow:0 0 10px var(--welcome-action-halo-soft);transition:color .3s}@media(max-height:520px){#welcomeOverlay{place-items:start center}.welcome-center{min-height:auto;justify-content:flex-start;gap:10px;padding-top:16px;padding-bottom:12px}.welcome-content{gap:6px}.welcome-logo-slot{min-height:clamp(84px,26vh,160px)}.welcome-logo{width:clamp(84px,26vh,160px);height:clamp(84px,26vh,160px)}.welcome-auth{margin-top:10px;min-height:32px}.welcome-launch-btn{width:clamp(116px,28vh,144px);height:clamp(31px,7vh,36px);min-height:31px}}#welcomeOverlay .welcome-launch-btn:hover,#welcomeOverlay .welcome-launch-btn:focus-visible{outline:none}#welcomeOverlay .welcome-launch-btn:hover .launch-portal,#welcomeOverlay .welcome-launch-btn:focus-visible .launch-portal{box-shadow:0 0 8px var(--welcome-portal-hover-glow),0 4px 12px var(--welcome-shadow),inset 0 0 16px var(--welcome-portal-hover-glow)}#welcomeOverlay .welcome-launch-btn:hover .launch-portal-contour,#welcomeOverlay .welcome-launch-btn:focus-visible .launch-portal-contour{border-color:var(--welcome-portal-hover-glow)}#welcomeOverlay.launching .welcome-launch-btn,#welcomeOverlay.return-prep .welcome-launch-btn,#welcomeOverlay.returning .welcome-launch-btn{opacity:1!important;transform:none!important;transition:none!important}.install-btn{position:fixed;top:16px;right:16px;z-index:201;background:transparent;border:1px solid var(--border-medium);border-radius:var(--control-radius);color:var(--text-muted);padding:6px 16px;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:color var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.install-btn:hover{color:var(--text-bright);border-color:var(--border-strong);background:var(--fill-faint)}.install-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}body.boot-pending #panel,body.boot-pending #historyBar,body.boot-pending #bottomHud,body.boot-pending #hud,body.boot-pending #rightRail,body.boot-pending .top-right-controls,body.boot-pending #floatingCameraPanel,body.boot-pending #floatingColorSchemePanel,body.boot-pending #floatingBackgroundPanel,body.welcome-active #panel,body.welcome-active #historyBar,body.welcome-active #bottomHud,body.welcome-active #hud,body.welcome-active #rightRail,body.welcome-active .top-right-controls,body.welcome-active #floatingCameraPanel,body.welcome-active #floatingColorSchemePanel,body.welcome-active #floatingBackgroundPanel{opacity:0;pointer-events:none}body.boot-pending:not(.welcome-shell-ready) #welcomeOverlay{pointer-events:none}body.welcome-active #panel{transform:translate(-60px)}body.welcome-active .top-right-controls{transform:translate(60px)}body.welcome-active #historyBar,body.welcome-active #bottomHud{transform:translate(-50%) translateY(60px)}body.welcome-active #hud{transform:translateY(60px)}body.welcome-ui-returning #panel,body.welcome-ui-returning #historyBar,body.welcome-ui-returning #bottomHud,body.welcome-ui-returning #hud,body.welcome-ui-returning #rightRail,body.welcome-ui-returning .top-right-controls,body.welcome-ui-returning #floatingCameraPanel,body.welcome-ui-returning #floatingColorSchemePanel,body.welcome-ui-returning #floatingBackgroundPanel{transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1)}body:not(.welcome-active) #panel{opacity:1;transform:translate(0);transition:opacity .5s ease .1s,transform .5s cubic-bezier(.4,0,.2,1) .1s}body:not(.welcome-active) .top-right-controls{opacity:1;transform:translate(0);transition:opacity .5s ease .2s,transform .5s cubic-bezier(.4,0,.2,1) .2s}body:not(.welcome-active) #historyBar{opacity:1;transform:translate(-50%) translateY(0);transition:opacity .5s ease .25s,transform .5s cubic-bezier(.4,0,.2,1) .25s}body:not(.welcome-active) #bottomHud{opacity:1;transform:translate(-50%) translateY(0);transition:opacity .5s ease .25s,transform .5s cubic-bezier(.4,0,.2,1) .25s}body:not(.welcome-active) #hud{opacity:1;transform:translateY(0);transition:opacity .5s ease .35s,transform .5s cubic-bezier(.4,0,.2,1) .35s}.welcome-auth{position:static;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:clamp(20px,3vw,40px);width:100%;min-height:48px}.welcome-auth-loading{font-family:var(--font-family);font-size:var(--font-size-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.welcome-reload-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;background:transparent;border:1px solid var(--btn-border);border-radius:var(--control-radius);color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.welcome-reload-btn:hover,.welcome-reload-btn:focus-visible{color:var(--text-bright);border-color:var(--border-strong);background:var(--btn-hover-bg);outline:none}body.dev-mode .welcome-auth,html.dev-mode .welcome-auth{display:none}.welcome-auth-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--control-radius);color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.welcome-auth-btn:hover,.welcome-auth-btn:focus-visible{background:var(--btn-hover-bg);color:var(--text-bright);border-color:var(--border-strong);outline:none}.google-signin-btn svg{flex-shrink:0}.user-avatar{display:none;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-round);overflow:hidden;cursor:pointer;opacity:.7;transition:opacity .2s;align-items:center;justify-content:center;color:var(--text-bright);background:var(--btn-bg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-avatar:hover{opacity:1}body.signed-in:not(.welcome-active) .user-avatar{display:flex}.user-avatar.has-image{color:transparent}#webgpu-error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel-bg);border:1px solid var(--accent-danger);border-radius:var(--border-radius-lg);padding:24px 32px;text-align:center;z-index:100}#webgpu-error h2{color:var(--danger-text);margin-bottom:16px}#webgpu-error ul{text-align:left;color:var(--accent-text)}.webgpu-error-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px}.webgpu-error-note{max-width:24rem;font-size:var(--font-size-sm);line-height:1.45;color:var(--text-muted)}#appUpdatePrompt{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:stretch;gap:16px;width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:22px 22px 20px;border:1px solid var(--btn-border);border-radius:var(--radius-2xl);background:var(--floating-panel-bg);box-shadow:var(--shadow-app-dialog);backdrop-filter:blur(16px);z-index:120}.app-update-prompt__body{min-width:0;display:flex;flex-direction:column;gap:6px;text-align:center}.app-update-prompt__title{color:var(--text-bright);font-size:var(--font-size-panel-title);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label)}.app-update-prompt__text{color:var(--text-muted);font-size:var(--font-size-base);line-height:var(--line-height-readable);white-space:pre-line}.app-update-prompt__actions{display:flex;align-items:center;gap:10px;justify-content:center}.app-update-prompt__btn{appearance:none;border:1px solid var(--btn-border);border-radius:var(--radius-xl);padding:10px 14px;min-height:40px;font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-ui);color:var(--text-bright);background:var(--btn-bg);cursor:pointer;transition:background .18s ease,border-color .18s ease,opacity .18s ease}.app-update-prompt__btn:hover,.app-update-prompt__btn:focus-visible{background:var(--btn-hover-bg);outline:none}.app-update-prompt__btn--primary{background:var(--btn-primary-bg)}.app-update-prompt__btn--primary:hover,.app-update-prompt__btn--primary:focus-visible{background:var(--btn-primary-hover)}#appUpdatePrompt.is-updating .app-update-prompt__btn{cursor:default}#appUpdatePrompt .app-update-prompt__btn:disabled{opacity:.55}@media(max-width:640px){#appUpdatePrompt{left:16px;right:16px;top:50%;transform:translateY(-50%);max-width:none;width:auto;padding:20px 18px 18px}.app-update-prompt__actions{width:100%;justify-content:center;flex-wrap:wrap}}@media(display-mode:standalone){html,body{position:fixed;inset:0;width:100%;height:-webkit-fill-available;min-height:-webkit-fill-available;overflow:hidden;overscroll-behavior:none}#canvas,#welcomeOverlay{inset:0;width:100%;height:100%;min-height:100%}#welcomeOverlay{overflow-y:hidden;overscroll-behavior:none}.top-right-controls{--top-right-controls-safe-right: var(--app-safe-right);top:calc(16px + var(--app-safe-top))}#panel{left:calc(16px + var(--app-safe-left));top:calc(16px + var(--app-safe-top))}#hud{right:calc(16px + var(--app-safe-right));bottom:calc(12px + var(--app-safe-bottom))}#bottomHud{padding-bottom:0}#appUpdatePrompt{bottom:auto;max-height:calc(100dvh - var(--app-safe-top) - var(--app-safe-bottom) - 32px);overflow:auto}}:root{--right-slide-panel-base-width: var(--right-panel-width);--right-rail-tab-width: var(--right-rail-tab-size);--right-rail-total-width: calc(var(--right-rail-tab-width) + var(--right-slide-panel-base-width));--right-rail-viewport-height: calc(var(--app-viewport-height, 100dvh) / var(--ui-zoom, 1));--right-slide-panel-duration: .3s;--right-slide-panel-ease: ease;--right-tab-stack-gap: 8px;--right-rail-preset-tab-height: 78px}body{--right-rail-translate-x: var(--right-slide-panel-base-width)}body.panel-open{--right-rail-translate-x: 0px}#panel,#bottomHud,#hud,.top-right-controls,.object-modal,.axis-gizmo,#rightRail,.floating-inline-panel,.custom-color-picker-panel,.object-context-menu,.system-context-menu,.dialog-box,.docs-panel,.code-panel,.import-panel,.terms-box,.qr-card,#webgpu-error{zoom:var(--ui-zoom, 1);-webkit-user-select:none;user-select:none}.right-rail{position:fixed;top:0;right:0;width:var(--right-rail-total-width);height:var(--right-rail-viewport-height);display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden;pointer-events:none;z-index:25;transform:translate(var(--right-rail-translate-x));transition:transform var(--right-slide-panel-duration) var(--right-slide-panel-ease)}.right-panels-viewport{position:relative;width:var(--right-slide-panel-base-width);flex:0 0 var(--right-slide-panel-base-width);height:100%;pointer-events:none;overflow:hidden}#rightRail .right-rail-tab.active{right:auto}#rightPanelsViewport>.right-panel{position:absolute;inset:0;width:var(--right-slide-panel-base-width);height:100%;transform:none;opacity:0;visibility:hidden;pointer-events:none;transition:none}#rightPanelsViewport>.right-panel.open{opacity:1;visibility:visible;pointer-events:auto}#rightPanelsViewport>.closing{pointer-events:none}.tab-stack{position:relative;width:var(--right-rail-tab-width);flex:0 0 var(--right-rail-tab-width);height:100%;display:grid;grid-template-columns:var(--right-rail-tab-width);grid-template-rows:minmax(calc(var(--right-rail-preset-tab-height) + var(--right-tab-stack-gap) + var(--right-tab-stack-gap)),1fr) auto minmax(0,1fr);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;z-index:30;pointer-events:none}.tab-stack::-webkit-scrollbar{display:none}.tab-stack>*{pointer-events:auto}.tab-stack>.preset-tab{position:relative;grid-row:1;align-self:center}.tab-stack>.preset-text-tab{height:var(--right-rail-preset-tab-height);padding:6px 0;background:var(--preset-tab-surface);border-color:var(--preset-tab-border);color:var(--preset-tab-text);box-shadow:var(--shadow-preset-tab-inset);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1;writing-mode:vertical-rl;text-orientation:mixed}.tab-stack>.preset-text-tab:before{content:"";position:absolute;inset:var(--space-2) 0 var(--space-2) var(--space-2);border:1px dashed var(--preset-tab-stitch);border-right:none;border-radius:calc(var(--radius-ui) - var(--space-2)) 0 0 calc(var(--radius-ui) - var(--space-2));pointer-events:none}.tab-stack>.preset-text-tab:hover,.tab-stack>.preset-text-tab:focus-visible{background:var(--preset-tab-surface-hover);color:var(--preset-tab-text-hover)}.tab-stack>.preset-text-tab.active{color:var(--preset-tab-text-active)}.main-tab-stack{grid-row:2;display:flex;flex-direction:column;gap:var(--right-tab-stack-gap)}.panel-switching .tab-stack,.panel-switching .right-panel{transition:none!important}.top-right-controls{--scene-overlay-icon-stroke: rgba(20, 30, 46, .78);--scene-overlay-icon-stroke-hover: rgba(10, 18, 30, .9);position:fixed;top:16px;right:calc(var(--right-rail-tab-width) + var(--space-2) + var(--top-right-controls-safe-right, 0px));z-index:20;display:flex;align-items:center;gap:4px;pointer-events:auto;transition:opacity .5s ease .2s,transform .5s cubic-bezier(.4,0,.2,1) .2s}.fullscreen-btn,.theme-toggle-btn{width:var(--icon-btn-lg);height:var(--icon-btn-lg);flex-shrink:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-round);transition:transform var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease)}.fullscreen-btn.hovered,.theme-toggle-btn.hovered{background:var(--fill-soft)}.theme-toggle-btn svg{width:var(--right-rail-tab-icon-size);height:var(--right-rail-tab-icon-size)}.theme-toggle-btn svg,.fullscreen-btn svg{stroke:var(--scene-overlay-icon-stroke);stroke-width:1.65;paint-order:stroke fill}.theme-toggle-btn:hover svg,.theme-toggle-btn:focus svg,.fullscreen-btn:hover svg,.fullscreen-btn:focus svg{stroke:var(--scene-overlay-icon-stroke-hover)}body.light-mode .theme-toggle-btn,body.light-mode .fullscreen-btn{color:#a6b5ccf0}body.light-mode .theme-toggle-btn:hover,body.light-mode .theme-toggle-btn:focus,body.light-mode .fullscreen-btn:hover,body.light-mode .fullscreen-btn:focus{color:#becde4fa;background:transparent;outline:none}.orbit-style-flatten-toggle{width:var(--icon-btn-md);height:var(--icon-btn-md);border-radius:var(--radius-round);border:2px solid transparent;background:var(--btn-primary-bg);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:.4;transition:opacity .2s,border-color .2s,color .2s}.orbit-style-flatten-toggle svg{width:13px;height:13px}.orbit-style-flatten-toggle.active{opacity:1;color:var(--text-bright);border-color:var(--accent-primary)}body.light-mode .orbit-style-flatten-toggle:not(.active){opacity:.82}.orbit-style-flatten-toggle:hover{opacity:.8}#recordBtn:hover,#recordBtn:focus{color:var(--danger-text);border-color:var(--accent-danger)}#recordBtn.recording{color:var(--danger-text);border-color:var(--accent-danger);animation:pulse-record 1s ease-in-out infinite}#recordBtn.recording-time,#recordBtn.compiling{width:var(--icon-btn-lg);min-width:var(--icon-btn-lg);font-size:.58rem;font-weight:var(--font-weight-bold);line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-transform:uppercase;animation:none}#recordBtn.recording-stop{color:var(--danger-text);border-color:var(--accent-danger);background:color-mix(in srgb,var(--recording-red) 10%,transparent);animation:none}#recordBtn.compiling{color:var(--accent);border-color:var(--accent)}.recording-complete-dialog{max-width:520px}.recording-complete-dialog-overlay .dialog-box{position:relative;z-index:2}.recording-start-body{gap:16px}.recording-start-note{margin:0}.recording-start-controls{display:grid;gap:12px}.recording-start-controls .perf-slider-row{display:grid;grid-template-columns:136px minmax(0,1fr) auto;align-items:center;column-gap:12px;margin:0}.recording-start-controls .perf-slider-label{min-width:136px;max-width:136px;color:var(--text-bright);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2}.recording-start-controls .perf-select-control-wrap{grid-column:2 / -1;width:100%}.recording-start-controls .perf-select-control{appearance:none;-webkit-appearance:none;width:100%;min-height:34px;padding:7px 34px 7px 10px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--text-bright);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.recording-start-controls .perf-select-control:hover,.recording-start-controls .perf-select-control:focus,.recording-start-controls .perf-select-control:focus-visible{border-color:var(--accent-primary);outline:none}.recording-start-controls .perf-select-control option{background:var(--panel-bg);color:var(--text-bright)}.recording-complete-body{display:grid;gap:10px}.recording-complete-row{display:grid;grid-template-columns:minmax(120px,.45fr) 1fr;gap:16px;align-items:baseline;color:var(--text-bright);font-size:var(--font-size-base)}.recording-complete-label{color:var(--text-muted)}.recording-complete-note{margin:8px 0 0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4}.recording-progress-note{margin-top:0}.recording-progress{display:grid;gap:12px}.recording-progress-value{color:var(--accent);font-size:var(--font-size-heading-xl);font-weight:var(--font-weight-bold);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-align:center}.recording-progress-track{height:8px;overflow:hidden;border:1px solid var(--border-primary);border-radius:var(--radius-pill);background:var(--surface-elevated)}.recording-progress-bar{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-bright, var(--accent)));transition:width .18s ease}.recording-frame-guide{position:fixed;inset:0;z-index:990;pointer-events:none}.recording-complete-dialog-overlay .recording-frame-guide{z-index:1}.recording-frame-shade,.recording-frame-border,.recording-frame-corner,.recording-frame-status{position:fixed;pointer-events:none}.recording-frame-shade{background:#01080e47}.recording-frame-shade-top{left:0;top:0;right:0;height:var(--recording-guide-top, 0px)}.recording-frame-shade-right{top:var(--recording-guide-top, 0px);right:0;width:var(--recording-guide-right, 0px);height:var(--recording-guide-height, 0px)}.recording-frame-shade-bottom{left:0;right:0;bottom:0;height:var(--recording-guide-bottom, 0px)}.recording-frame-shade-left{top:var(--recording-guide-top, 0px);left:0;width:var(--recording-guide-left, 0px);height:var(--recording-guide-height, 0px)}.recording-frame-border{left:var(--recording-guide-left, 0px);top:var(--recording-guide-top, 0px);width:var(--recording-guide-width, 100vw);height:var(--recording-guide-height, 100vh);box-shadow:inset 0 0 0 2px #d7edffdb,0 0 0 1px color-mix(in srgb,var(--accent-primary) 72%,transparent),0 0 26px color-mix(in srgb,var(--accent-primary) 28%,transparent)}.recording-frame-corner{width:42px;height:42px;border-color:var(--accent-primary);border-style:solid;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent-primary) 55%,transparent))}.recording-frame-corner-tl{left:var(--recording-guide-left, 0px);top:var(--recording-guide-top, 0px);border-width:2px 0 0 2px}.recording-frame-corner-tr{left:calc(var(--recording-guide-left, 0px) + var(--recording-guide-width, 100vw) - 42px);top:var(--recording-guide-top, 0px);border-width:2px 2px 0 0}.recording-frame-corner-br{left:calc(var(--recording-guide-left, 0px) + var(--recording-guide-width, 100vw) - 42px);top:calc(var(--recording-guide-top, 0px) + var(--recording-guide-height, 100vh) - 42px);border-width:0 2px 2px 0}.recording-frame-corner-bl{left:var(--recording-guide-left, 0px);top:calc(var(--recording-guide-top, 0px) + var(--recording-guide-height, 100vh) - 42px);border-width:0 0 2px 2px}.recording-frame-status{right:calc(var(--recording-guide-right, 0px) + 16px);top:calc(var(--recording-guide-top, 0px) + 14px);display:inline-flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;border:1px solid color-mix(in srgb,var(--recording-red) 58%,transparent);border-radius:var(--radius-pill);background:#080c12b8;box-shadow:0 0 18px color-mix(in srgb,var(--recording-red) 18%,transparent);pointer-events:auto}.recording-frame-status-text{color:var(--danger-text);font-size:.7rem;font-weight:var(--font-weight-bold);letter-spacing:.11em;line-height:1;text-transform:uppercase}.recording-frame-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-danger);box-shadow:0 0 12px color-mix(in srgb,var(--recording-red) 72%,transparent);animation:pulse-record-dot 1s ease-in-out infinite}.recording-frame-status-time{min-width:4ch;color:var(--text-bright);font-size:.7rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;font-variant-numeric:tabular-nums;line-height:1}.recording-frame-stop{min-height:24px;padding:3px 10px;border:1px solid color-mix(in srgb,var(--recording-red) 65%,transparent);border-radius:var(--control-radius);background:color-mix(in srgb,var(--recording-red) 12%,transparent);color:var(--text-bright);font-family:var(--font-family);font-size:.66rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.recording-frame-stop:hover,.recording-frame-stop:focus-visible{background:color-mix(in srgb,var(--recording-red) 22%,transparent);border-color:var(--accent-danger);outline:none}@keyframes pulse-record{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-record-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.72)}}#floatingCameraPanel{width:220px}.floating-panel-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-bright);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.floating-panel-close,.orbit-style-picker-close{width:var(--icon-btn-md);height:var(--icon-btn-md);flex:0 0 var(--icon-btn-md);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);font:var(--font-weight-bold) var(--font-size-2xl)/1 var(--font-family);cursor:pointer;transition:background var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease)}.floating-panel-close:hover,.floating-panel-close:focus-visible,.orbit-style-picker-close:hover,.orbit-style-picker-close:focus-visible{background:var(--btn-hover-bg);border-color:var(--btn-border);color:var(--text-bright);outline:none}body.light-mode .floating-panel-close,body.light-mode .orbit-style-picker-close{color:var(--text-muted);opacity:1}.icon-btn{width:36px;height:36px;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-round);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.icon-btn:hover,.icon-btn:focus-visible,.orbit-style-option:hover,.orbit-style-option:focus-visible{color:var(--text-bright);border-color:var(--border-strong);background:var(--btn-hover-bg);outline:none}.icon-btn.active,.orbit-style-option.selected{color:var(--text-bright);border-color:var(--accent-primary);background:var(--btn-primary-bg)}.icon-btn:focus-visible,.orbit-style-option:focus-visible{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.fullscreen-btn svg,.icon-btn svg,.share-option svg{width:20px;height:20px}.ui-popover{--hud-editor-popover-width: min(528px, calc((100vw - 24px) / var(--ui-zoom, 1)));--hud-editor-popover-height: min(272px, calc((100dvh - 24px) / var(--ui-zoom, 1)));background:var(--ui-popover-bg, var(--panel-bg));border:none;border-radius:var(--ui-popover-radius, var(--widget-radius));box-shadow:var(--ui-popover-shadow, var(--shadow-floating-panel));color:var(--ui-popover-color, var(--text-color))}.ui-popover--floating{--ui-popover-bg: var(--floating-panel-bg);--ui-popover-shadow: var(--shadow-floating-panel);position:fixed;width:200px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:25;padding:12px;display:none}.ui-popover--floating.hud-editor-popover{width:var(--hud-editor-popover-width);height:var(--hud-editor-popover-height);max-height:var(--hud-editor-popover-height);overflow:hidden}.ui-popover--floating.hud-editor-popover.visible{display:flex;flex-direction:column}.scene-generator-form{display:flex;flex:1;min-height:0;flex-direction:column;gap:var(--space-3)}.scene-generator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4) var(--space-3);min-height:0}.scene-generator-field{display:grid;gap:var(--space-1);min-width:0;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.scene-generator-theme-field{grid-column:1 / -1;min-width:0}.scene-generator-theme-tabs{width:100%}.scene-generator-theme-tabs .ui-segmented-option{min-height:var(--control-height-md)}.scene-generator-footer{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--section-border)}.scene-generator-summary{display:grid;gap:2px;color:var(--text-muted);font-size:var(--font-size-xs)}.scene-generator-actions{display:flex;align-items:center;gap:var(--space-2)}#sceneGeneratorStatus{min-height:1em;color:var(--text-muted)}#sceneGeneratorStatus[data-tone=success]{color:var(--success-text)}#sceneGeneratorStatus[data-tone=error]{color:var(--danger-text)}#sceneGeneratorReset,#sceneGeneratorSubmit{flex:none;min-width:88px;white-space:nowrap}#sceneGeneratorSubmit{min-width:132px}@media(max-width:820px){.scene-generator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ui-popover--info{--ui-popover-bg: var(--modal-bg);--ui-popover-shadow: var(--shadow-floating-panel);position:fixed;z-index:10003;width:min(280px,calc(100vw - 16px));padding:10px}.ui-popover--dialog{--ui-popover-bg: var(--panel-bg);--ui-popover-radius: var(--widget-radius);--ui-popover-shadow: var(--shadow-panel);position:fixed;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;-webkit-backdrop-filter:blur(var(--frosted-blur, 4px));backdrop-filter:blur(var(--frosted-blur, 4px));z-index:70}.floating-inline-panel.visible{display:block}.floating-inline-panel .control{margin-bottom:0}.orbit-style-picker-panel{width:220px}.orbit-style-picker-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.orbit-style-picker-title{font-size:var(--font-size-xs);font-weight:var(--section-heading-weight);color:var(--section-heading-color);text-transform:uppercase;letter-spacing:var(--section-heading-tracking);margin:0}.orbit-style-picker-toolbar{margin-bottom:10px}.orbit-style-picker-toolbar[hidden]{display:none}.core-direction-system-selector{display:grid;gap:4px}.core-direction-system-label{color:var(--text-muted);font-size:var(--font-size-2xs);font-weight:var(--section-heading-weight);letter-spacing:var(--section-heading-tracking);line-height:1;text-transform:uppercase}.orbit-style-picker-panel .core-direction-system-select{min-height:var(--control-height-sm);border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-bright);cursor:pointer}.orbit-style-picker-grid{display:grid;gap:6px}.orbit-style-group-label{grid-column:1 / -1;font-size:var(--font-size-2xs);font-weight:var(--section-heading-weight);letter-spacing:var(--section-heading-tracking);text-transform:uppercase;color:var(--section-heading-color);padding:2px 2px 0}.orbit-style-picker-grid.icons{grid-template-columns:repeat(4,minmax(0,1fr))}.orbit-style-picker-grid.core-direction-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.orbit-style-picker-grid.values{grid-template-columns:repeat(5,minmax(0,1fr))}.orbit-style-option{width:100%;min-height:32px;border:1px solid var(--btn-border);border-radius:var(--border-radius);background:var(--btn-bg);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:4px;transition:color .2s,border-color .2s,background .2s}.orbit-style-option-icon,.orbit-style-option svg{width:18px;height:18px}.option-list{display:flex;flex-direction:column;gap:2px}.floating-inline-panel:not(#floatingColorSchemePanel) .option-list{max-height:300px;overflow-y:auto}.option-item{padding:8px 12px;border:1px solid transparent;border-radius:var(--control-radius);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-color);transition:background var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease);-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.option-swatches{display:flex;gap:3px;flex-shrink:0}.option-swatch{width:8px;height:8px;border-radius:var(--radius-round);box-shadow:var(--shadow-border-ring)}.option-item:hover{background:var(--btn-hover-bg);border-color:var(--border-faint);color:var(--text-bright)}.option-item.selected,.option-item:focus-visible{background:var(--btn-primary-bg);border-color:var(--glow-accent-border);color:var(--text-bright);font-weight:var(--font-weight-semibold);outline:none}.option-item:focus-visible{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}#floatingColorSchemePanel{--ui-popover-shadow: var(--shadow-panel)}#floatingColorSchemePanel .floating-panel-header{flex:0 0 auto;margin-bottom:4px}.color-scheme-panel-header{gap:10px;min-width:0}.color-scheme-panel-title{flex:0 0 auto;white-space:nowrap}.color-scheme-header-controls{min-width:0;flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}.color-scheme-header-field{min-width:0;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:var(--font-size-3xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;white-space:nowrap}.color-scheme-header-field>span{flex:0 0 auto}#floatingColorSchemePanel .color-scheme-header-field select{width:104px;height:var(--control-height-sm);min-width:0;flex:0 0 auto;box-sizing:border-box;padding:var(--space-1) 22px var(--space-1) 8px;border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-bright);font:var(--font-weight-medium) var(--font-size-2xs)/var(--line-height-ui) var(--font-family);letter-spacing:normal;text-transform:none;cursor:pointer}#colorSchemeFamilySelect{width:120px}#colorSchemeTargetSelect{width:104px}#floatingColorSchemePanel .color-scheme-header-field select:hover,#floatingColorSchemePanel .color-scheme-header-field select:focus-visible{border-color:var(--border-strong);outline:none}#colorSchemeList{min-height:0;flex:1;overflow:hidden}.color-scheme-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:8px;flex-shrink:0}.color-scheme-tab{flex:1;min-width:0;min-height:28px;padding:4px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:inherit;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s}.color-scheme-tab:hover{color:var(--text-bright)}.color-scheme-tab.active{color:var(--text-bright);border-bottom-color:var(--accent-primary)}.color-scheme-cat-list{min-height:0;flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,var(--control-height-sm));gap:4px 6px;align-content:start}.color-scheme-cat-list.color-scheme-rainbow-panel{display:block;padding:4px 12px 2px;overflow:hidden}.color-scheme-rainbow-panel .rainbow-settings-control{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;height:100%;max-width:880px;margin:0 auto;gap:6px;overflow:hidden}.color-scheme-rainbow-panel .rainbow-settings-control>*,.color-scheme-rainbow-panel .rainbow-settings-section>*{min-width:0}.color-scheme-rainbow-panel .rainbow-settings-section{display:grid;min-width:0;gap:4px;padding:6px 10px;border:1px solid var(--border-subtle);border-radius:var(--control-radius);background:var(--fill-ghost);box-sizing:border-box;align-content:start}.color-scheme-rainbow-panel .rainbow-settings-range-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;border:0}.color-scheme-rainbow-panel .rainbow-settings-reset{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:0;width:28px;height:28px;min-height:28px;padding:0;font-size:var(--font-size-xs)}.color-scheme-rainbow-panel .rainbow-settings-reset span{display:none}.color-scheme-rainbow-panel .rainbow-settings-reset svg{width:14px;height:14px}.color-scheme-rainbow-panel .rainbow-settings-behavior{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.color-scheme-rainbow-panel .rainbow-settings-behavior-column{display:grid;align-content:start;gap:4px}.color-scheme-rainbow-panel .rainbow-settings-tuning{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:0;border:0}.color-scheme-rainbow-panel .rainbow-setting-row{display:grid;grid-template-columns:76px minmax(0,1fr) 38px;align-items:center;gap:6px;min-width:0;min-height:24px}.color-scheme-rainbow-panel .rainbow-setting-select{height:28px;min-height:28px;box-sizing:border-box;line-height:var(--line-height-ui)}.color-scheme-rainbow-panel .rainbow-setting-row .control-label,.color-scheme-rainbow-panel .rainbow-range-control .control-label{min-width:0;max-width:none;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.color-scheme-rainbow-panel .rainbow-settings-tuning .rainbow-setting-row{grid-template-columns:72px minmax(0,1fr) 38px;gap:6px;min-width:0;min-height:28px}.color-scheme-rainbow-panel .rainbow-range-control{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-width:0}.color-scheme-rainbow-panel .rainbow-range-track-wrap{position:relative;width:100%;min-width:0;height:20px}.color-scheme-rainbow-panel .rainbow-range-track,.color-scheme-rainbow-panel .rainbow-range-selection{position:absolute;inset:50% 0 auto;height:5px;border-radius:var(--radius-round);transform:translateY(-50%)}.color-scheme-rainbow-panel .rainbow-range-track{background:var(--color-picker-hue-gradient);box-shadow:var(--shadow-control-inset)}.color-scheme-rainbow-panel .rainbow-range-selection{right:auto;border:1px solid var(--border-strong);pointer-events:none}.color-scheme-rainbow-panel .rainbow-range-input{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:20px;margin:0;background:transparent;border:0;box-shadow:none;pointer-events:none}.color-scheme-rainbow-panel .rainbow-range-input::-webkit-slider-runnable-track{height:5px;background:transparent}.color-scheme-rainbow-panel .rainbow-range-input::-moz-range-track{height:5px;border:0;background:transparent}.color-scheme-rainbow-panel .rainbow-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-width);height:var(--slider-thumb-height);margin-top:calc((5px - var(--slider-thumb-height)) / 2);border:1px solid var(--panel-bg);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);pointer-events:auto}.color-scheme-rainbow-panel .rainbow-range-input::-moz-range-thumb{width:var(--slider-thumb-width);height:var(--slider-thumb-height);border:1px solid var(--panel-bg);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:none;pointer-events:auto}@media(max-width:760px){.color-scheme-rainbow-panel .rainbow-setting-row,.color-scheme-rainbow-panel .rainbow-settings-tuning .rainbow-setting-row{grid-template-columns:68px minmax(0,1fr) 36px;gap:4px}}.color-scheme-cat-list .option-item{min-width:0;min-height:0;padding:4px 6px;font-size:var(--font-size-2xs);gap:6px}.color-scheme-cat-list .option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-scheme-info-btn{width:16px;height:16px;flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);cursor:pointer;padding:0}.color-scheme-info-btn:hover,.color-scheme-info-btn:focus{color:var(--text-bright);background:var(--btn-hover-bg);border-color:var(--btn-border);outline:none}.color-scheme-info-btn svg{width:12px;height:12px}.color-scheme-empty{grid-column:1 / -1;grid-row:1 / -1;display:grid;place-items:center;padding:12px;text-align:center;color:var(--text-muted);font-size:var(--font-size-xs);width:100%}.color-scheme-del{margin-left:auto;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-lg);padding:0 4px}.color-scheme-del:hover{color:var(--danger-text)}.color-scheme-add{width:100%;padding:8px;margin-top:4px;font-size:var(--font-size-xs);font-family:inherit;background:transparent;border:1px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-muted);cursor:pointer}.color-scheme-add:hover{border-color:var(--border-strong);color:var(--text-bright);background:var(--fill-faint)}.color-scheme-footer{min-height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.color-scheme-footer .color-scheme-add{width:auto;min-height:28px;margin:0;padding:0 10px;border-style:solid;border-radius:var(--control-radius)}.color-scheme-pagination{display:inline-grid;grid-template-columns:var(--icon-btn-md) minmax(48px,auto) var(--icon-btn-md);align-items:center;gap:4px;margin-left:auto}.color-scheme-page-btn{font-family:var(--font-family);font-size:var(--font-size-lg);line-height:1}.color-scheme-page-btn:disabled{opacity:.28;cursor:default}.color-scheme-page-status{color:var(--text-muted);font-size:var(--font-size-2xs);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.color-scheme-footer[hidden],.color-scheme-pagination[hidden],.color-scheme-add[hidden]{display:none}.palette-editor-name{width:100%;padding:6px 8px;margin-bottom:8px;border-radius:var(--border-radius);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-bright);font:inherit}.palette-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.palette-editor-color-row{display:flex;align-items:center;gap:4px}.palette-editor-color-label{font-size:var(--font-size-2xs);color:var(--text-muted);width:24px}.palette-randomizer{display:grid;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.palette-randomizer-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.palette-randomizer-field{min-width:0;display:grid;gap:4px}.palette-randomizer-label{color:var(--text-muted);font-size:var(--font-size-3xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.palette-randomizer-select{width:100%;min-width:0;height:var(--control-height);padding:0 28px 0 10px;border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-bright);font:var(--font-weight-medium) var(--font-size-sm)/1 var(--font-family);cursor:pointer}.palette-randomizer-select:hover,.palette-randomizer-select:focus-visible{border-color:var(--border-strong);outline:none}.palette-randomizer-button{margin-top:0}.color-scheme-info-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.color-scheme-info-title{color:var(--text-bright);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.color-scheme-info-close{width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);cursor:pointer;font:var(--font-weight-bold) var(--font-size-lg)/1 var(--font-family);padding:0}.color-scheme-info-close:hover,.color-scheme-info-close:focus{background:var(--btn-hover-bg);border-color:var(--btn-border);color:var(--text-bright);outline:none}.color-scheme-info-body{display:grid;gap:8px}.color-scheme-info-name{color:var(--text-bright);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25;overflow-wrap:anywhere}.color-scheme-info-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.color-scheme-info-row{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:4px 6px;min-width:0;padding:6px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--section-bg)}.color-scheme-info-swatch{width:14px;height:14px;border-radius:var(--radius-round);box-shadow:var(--shadow-border-ring)}.color-scheme-info-level{color:var(--text-color);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.color-scheme-info-hex{grid-column:1 / -1;color:var(--text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);white-space:nowrap}#floatingBackgroundPanel{--ui-popover-shadow: var(--shadow-panel)}#panel select{width:100%;padding:6px 8px;border-radius:var(--border-radius);border:1px solid transparent;background:transparent;color:var(--text-bright);font-family:var(--font-family)}#panel select:hover,#panel select:focus{border-color:var(--input-border);background:var(--input-bg);outline:none}#panel select option{background:var(--canvas-bg);color:var(--text-bright)}.background-panel-body{display:grid;grid-template-columns:minmax(190px,214px) minmax(238px,1fr);align-items:start;gap:12px}.background-color-panel{min-width:0}.background-image-panel{min-width:0;padding-left:12px;border-left:1px solid var(--border-faint)}#floatingBackgroundPanel .perf-toggle-row,#floatingBackgroundPanel .perf-slider-row{display:grid;grid-template-columns:64px minmax(96px,1fr) auto;column-gap:6px}#floatingBackgroundPanel .perf-toggle-row .perf-toggle{grid-column:3}#floatingBackgroundPanel .slider-value-arrow{padding-inline:4px}#floatingBackgroundPanel .background-image-mode-row{display:grid;grid-template-columns:64px minmax(96px,1fr) auto;column-gap:6px;align-items:center}#floatingBackgroundPanel .background-image-mode-row .perf-toggle-label{min-width:0;max-width:none;font-size:var(--font-size-xs)}#floatingBackgroundPanel .background-image-mode-row .scene-select-control{min-width:0;min-height:28px;padding:3px 22px 3px 7px;border-color:var(--border-faint);background:var(--input-bg);font-size:var(--font-size-xs)}#floatingBackgroundPanel .scene-background-control{margin:12px 0 10px}#floatingBackgroundPanel .scene-background-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px}#floatingBackgroundPanel .scene-background-btn{min-height:32px}@media(max-width:720px){.background-panel-body{grid-template-columns:minmax(0,1fr)}.background-image-panel{margin-top:12px;padding-top:12px;padding-left:0;border-top:1px solid var(--border-faint);border-left:0}}@media(max-width:420px){.color-scheme-panel-header{gap:5px;flex-wrap:wrap}.color-scheme-panel-title{order:1}.color-scheme-panel-header>.floating-panel-close{order:2;margin-left:auto}.color-scheme-header-controls{order:3;flex:0 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.color-scheme-header-field{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px}#floatingColorSchemePanel .color-scheme-header-field select{width:100%;padding-left:5px}#colorSchemeFamilySelect,#colorSchemeTargetSelect{width:100%}.color-scheme-cat-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(30px,auto);overflow-y:auto}}.floating-inline-panel .text-path-sliders{margin-top:8px}.share-popup{width:auto;padding:6px;display:none;flex-direction:row;gap:2px}.share-popup.visible{display:flex}.share-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--text-muted);font-size:var(--font-size-2xs);cursor:pointer;transition:background .15s ease,color .15s ease}.share-option:hover{background:var(--btn-hover-bg);color:var(--text-bright)}.qr-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:var(--overlay-heavy);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:qr-fade-in .2s ease}.qr-overlay.visible{display:flex}@keyframes qr-fade-in{0%{opacity:0}to{opacity:1}}.qr-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 32px 24px;background:var(--panel-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-md);min-width:260px}.qr-close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text-muted);font-size:var(--font-size-heading-xl);cursor:pointer;line-height:1;padding:4px;transition:color .15s}.qr-close:hover{color:var(--text-bright)}.qr-canvas{border-radius:var(--radius-ui);image-rendering:pixelated}.qr-brand{display:flex;align-items:center;gap:10px}.qr-logo-svg{width:28px;height:28px}.qr-brand-text{font-family:var(--font-family);font-size:var(--font-size-heading-md);font-weight:var(--font-weight-thin);letter-spacing:.1875rem;color:var(--text-bright)}.qr-accent{color:transparent;font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;background:transparent;border:.08em solid var(--accent-primary);border-radius:var(--radius-round);box-shadow:var(--shadow-accent-soft)}.qr-actions{display:flex;gap:8px;width:100%}.qr-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--fill-muted);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease,color .15s ease}.qr-btn:hover{background:var(--btn-hover-bg);color:var(--text-bright)}.qr-btn svg{width:16px;height:16px;flex-shrink:0}.qr-btn-flash{color:var(--accent-text)!important;border-color:var(--accent-primary)}body.fullscreen-mode #panel{transform:translate(calc(-100% - 32px))}body.fullscreen-mode #historyBar,body.fullscreen-mode #bottomHud{transform:translate(-50%) translateY(calc(100% + 40px))}body.fullscreen-mode #hud{transform:translateY(calc(100% + 32px))}body.fullscreen-mode .axis-gizmo{transform:translate(calc(100% + 32px),calc(100% + 32px))}body.fullscreen-mode .right-rail{transform:translate(calc(100% + 32px))}.right-rail.rail-syncing{transition:none}body.fullscreen-mode .top-right-controls{gap:0;right:calc(16px + var(--top-right-controls-safe-right, 0px))}body.fullscreen-mode .top-right-controls .user-avatar,body.fullscreen-mode .top-right-controls .theme-toggle-btn{opacity:0;pointer-events:none;transform:scale(.92);width:0;min-width:0;height:0;min-height:0;padding:0;margin:0;overflow:hidden}body.fullscreen-mode{--frosted-blur: 0px}body.fullscreen-mode #panel,body.fullscreen-mode #historyBar,body.fullscreen-mode #bottomHud,body.fullscreen-mode #playbackControls,body.fullscreen-mode #hud,body.fullscreen-mode .axis-gizmo,body.fullscreen-mode .right-rail,body.fullscreen-mode .top-right-controls .user-avatar,body.fullscreen-mode .top-right-controls .theme-toggle-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.fullscreen-mode .floating-inline-panel,body.fullscreen-mode .object-context-menu,body.fullscreen-mode .system-context-menu{display:none!important}#hud{position:fixed;right:16px;left:auto;bottom:12px;transition:transform .35s ease;pointer-events:none;z-index:5;display:flex;align-items:center;gap:6px}#panel{position:fixed;left:16px;top:16px;padding:12px 14px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--font-size-base);color:var(--text-color);width:var(--panel-width-md);display:flex;flex-direction:column;gap:10px;max-height:var(--left-panel-max-height, calc((100dvh - 32px) / var(--ui-zoom, 1)));overflow:hidden;z-index:10;transition:transform .35s ease}.panel-collapsible{min-height:0;flex:1;display:flex;flex-direction:column;gap:10px}#panel.panel-ui-collapsed{gap:0}#panel.panel-ui-collapsed .panel-collapsible{display:none}#panel.panel-ui-collapsed #panelHeader{border-bottom-color:transparent}#panel button:focus:not(:focus-visible),#bottomHud button:focus:not(:focus-visible){outline:none;box-shadow:none}:is(.sys-vis-btn,.sys-vis-menu-btn,.sys-style-btn,.orbit-style-flatten-toggle):is(:focus,:focus-visible){outline:none;box-shadow:none}.system-tabs{min-width:0;padding:0 4px 0 0}.system-tabs:empty{display:none}#panel .system-selector{display:flex;align-items:center;gap:8px;text-align:left}:is(.system-tab-delete,.system-tab-add,.system-tab-master-control){grid-row:1;width:var(--panel-toolbar-action-slot, 22px);height:var(--panel-toolbar-action-slot, 22px);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:1;transition:opacity .15s,color .15s}:is(.system-tab-delete,.system-tab-add,.system-tab-master-control) svg{width:18px;height:14px}.system-tab-add{grid-column:2;margin-left:0}.system-tab-pause-control{grid-column:3}.system-tab-visibility-control{grid-column:4}.system-tab-delete{grid-column:5}body.light-mode :is(.system-tab-delete,.system-tab-add,.system-tab-master-control){color:var(--text-muted);opacity:1}:is(.system-tab-delete,.system-tab-add,.system-tab-master-control):hover:not(:disabled){opacity:1;color:var(--text-bright)}.system-tab-pause-control.active{color:var(--accent-text)}.system-tab-master-control[hidden]{display:none!important}.system-tab-delete:hover:not(:disabled){color:var(--danger-text)}.system-tab-delete:disabled,.system-tab-add:disabled{color:var(--text-muted);opacity:var(--icon-control-disabled-opacity);cursor:default;pointer-events:none}.system-context-menu{position:fixed;z-index:10000;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:4px 0;min-width:120px;font-size:var(--font-size-sm);color:var(--text-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md)}.context-menu-header{padding:6px 14px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;cursor:default;border-bottom:1px solid var(--border-color);margin-bottom:2px}.context-menu-item{padding:6px 14px;cursor:pointer}.context-menu-item:hover{background:var(--btn-hover-bg)}.context-menu-item.danger{color:var(--danger-text)}.system-selector-menu{padding:4px}.system-selector-menu .system-selector-option{display:flex;align-items:center;min-height:34px;border-radius:var(--border-radius);padding:2px 4px 2px 8px;font-size:var(--font-size-base);color:var(--text-color);outline:none}.system-selector-menu .system-selector-option:is(:hover,:focus-within){background:var(--btn-hover-bg);color:var(--text-bright)}.system-selector-menu .system-selector-option.active{color:var(--accent-text)}.system-selector-option-select{align-self:stretch;display:flex;align-items:center;flex:1;min-width:0;padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.system-selector-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-selector-actions{display:flex;align-items:center;flex:none;justify-content:flex-end;gap:0;margin-left:auto}.system-selector-menu .system-selector-action{width:20px;height:20px}.system-selector-menu .system-selector-action svg{width:13px;height:13px}.system-selector-menu .system-selector-pause.is-paused{color:var(--accent-text)}.system-selector-menu .system-selector-delete:hover,.system-selector-menu .system-selector-delete:focus-visible{color:var(--danger-text)}.system-selector-rename-input{min-width:0}.system-tabs-wrapper{--panel-toolbar-action-slot: 22px;--panel-toolbar-gap: 0px;display:grid;grid-template-columns:minmax(0,1fr) repeat(4,var(--panel-toolbar-action-slot)) var(--panel-toolbar-gap);align-items:center;column-gap:var(--panel-toolbar-gap);padding:0 var(--object-scrollbar-safe-pad, 2px) 0 5px;margin-top:-4px}.system-tabs-wrapper>.system-tabs{grid-column:1;grid-row:1;min-width:0;border-bottom:none;padding-left:0;padding-right:0}.system-visibility-bar{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:2px 0 6px;border-bottom:1px solid var(--section-border)}.global-scope-toggle{--toolbar-round-icon-size: 13.2px;width:22px;height:22px;border-radius:var(--radius-round);border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;margin:0 4px 0 0;transition:border-color .15s,color .15s}.global-scope-toggle[hidden],.sys-vis-split[hidden],.sys-vis-btn[hidden]{display:none!important}.system-vis-buttons .global-scope-toggle{color:var(--text-muted);opacity:1;margin:0}.global-scope-toggle svg{width:var(--toolbar-round-icon-size);height:var(--toolbar-round-icon-size);shape-rendering:geometricPrecision}.global-scope-toggle:focus,.global-scope-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.global-scope-toggle:disabled{opacity:var(--icon-control-disabled-opacity);cursor:default;pointer-events:none}.global-scope-toggle.active{border-color:var(--modal-scope-active);color:var(--text-bright);background:color-mix(in srgb,var(--modal-scope-active) 14%,transparent)}.system-vis-row{display:flex;align-items:center;gap:6px}.system-vis-row-main{min-height:var(--icon-btn-sm)}.system-vis-buttons{flex:1;display:flex;align-items:center;width:100%;box-sizing:border-box;justify-content:space-between;gap:0;padding:0 var(--object-scrollbar-safe-pad, 2px) 0 5px}.sys-style-btn{width:var(--icon-btn-sm);height:var(--icon-btn-sm);border-radius:var(--radius-round);border:1px solid var(--btn-border);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:1;touch-action:manipulation;user-select:none;transition:opacity var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.sys-vis-split{position:relative;width:40px;height:var(--icon-btn-sm);flex:0 0 40px;display:grid;grid-template-columns:24px 16px;box-sizing:border-box;overflow:visible;border:1px solid var(--render-family-control-outline);border-radius:var(--control-radius);background:var(--render-family-control-surface);color:var(--text-muted);box-shadow:var(--shadow-render-family-raised);opacity:1;transition:opacity var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),box-shadow var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.sys-vis-split:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--shadow-render-family-bevel);pointer-events:none}.sys-vis-btn,.sys-vis-menu-btn{min-width:0;height:100%;border:0;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;touch-action:manipulation;user-select:none}.sys-vis-btn{width:24px;border-radius:var(--control-radius) 0 0 var(--control-radius)}.sys-vis-menu-btn{width:16px;border-left:1px solid var(--render-family-control-outline);border-radius:0 var(--control-radius) var(--control-radius) 0;font-size:var(--font-size-panel-title);line-height:1}.sys-vis-menu-btn>span{transform:translateY(-.5px)}.sys-style-btn svg,.sys-vis-btn svg{width:14.85px;height:14.85px;shape-rendering:geometricPrecision}.system-vis-buttons :is(.sys-vis-btn,.sys-style-btn,.global-scope-toggle) svg :is(path,line,polyline,polygon,ellipse,rect,circle),.hud-mode-slot .hud-mode-toggle svg :is(path,line,polyline,polygon,ellipse,rect,circle),.space-slider-row .global-scope-toggle svg :is(path,line,polyline,polygon,ellipse,rect,circle){stroke-width:1;vector-effect:non-scaling-stroke}.system-vis-buttons .sys-vis-btn .icon-trails-shortcut-path{stroke-width:1.6}.sys-style-btn .mode-3d-icon,.sys-vis-btn .mode-3d-icon{display:inline-block;font-size:var(--font-size-meta-sm);font-weight:var(--font-weight-heavy);line-height:1;letter-spacing:.03em}.system-vis-buttons .global-3d-toggle .mode-3d-icon{font-size:var(--font-size-sm);letter-spacing:0}.sys-grid-toggle{position:relative}.sys-grid-toggle input{position:absolute;opacity:0;pointer-events:none}.sys-style-btn:hover{opacity:1;color:var(--text-bright);border-color:var(--btn-border);background:var(--fill-faint)}.sys-vis-split:hover,.sys-vis-split:focus-within{color:var(--text-bright);border-color:var(--render-family-control-outline)}.sys-vis-split :is(.sys-vis-btn,.sys-vis-menu-btn):hover{background:var(--fill-faint)}.sys-vis-split:has(:is(.sys-vis-btn,.sys-vis-menu-btn):active){box-shadow:var(--shadow-render-family-pressed);transform:scale(.98)}.sys-style-btn.active{opacity:1;color:var(--text-muted);border-color:currentcolor;background:transparent}.sys-vis-split.active{color:var(--text-muted);border-color:var(--render-family-control-outline);background:var(--render-family-control-surface)}.sys-vis-split.active:not(.layer-hidden) .sys-vis-btn{background:var(--control-active-surface)}.sys-vis-split.active:not(.layer-hidden) .sys-vis-btn:is(:hover,:focus-visible){background:var(--control-active-surface-hover)}.sys-style-btn:focus-visible,.sys-vis-btn:focus-visible,.sys-vis-menu-btn:focus-visible{outline:none;box-shadow:var(--focus-ring);position:relative;z-index:1}.sys-vis-split.layer-hidden,.system-vis-buttons>.sys-vis-btn.layer-hidden{opacity:1;color:var(--text-muted);border-color:var(--render-family-control-outline);background:var(--render-family-control-surface)}.sys-vis-split.mixed{color:var(--text-secondary);border-color:var(--accent-primary);background:linear-gradient(135deg,var(--control-active-surface) 50%,var(--render-family-control-surface) 50%)}.sys-vis-split.params-selected{border-color:var(--accent-primary)}.sys-vis-split.params-selected .sys-vis-menu-btn:is(:hover,:focus,:focus-visible){background:transparent;box-shadow:none}.panel-space-control{flex-shrink:0;width:100%;box-sizing:border-box;padding:0 var(--object-scrollbar-safe-pad, 2px) 0 5px;margin:-10px 0}.space-slider-row{--space-slider-thumb-size: 36px;display:grid;grid-template-columns:max-content minmax(0,1fr) var(--icon-btn-sm);align-items:center;column-gap:8px;width:100%;box-sizing:border-box;padding-right:0}.space-slider-row .global-scope-toggle{margin:0 2px 0 0}.space-slider-row.global-scope-hidden{grid-template-columns:minmax(0,1fr) var(--icon-btn-sm)}.space-slider-row.global-scope-hidden input[type=range],.space-slider-row.global-scope-hidden .space-slider-scale{grid-column:1}.space-slider-row.global-scope-hidden .space-value{grid-column:2}.space-slider-row .sys-style-btn{flex-shrink:0}.space-slider-row input[type=range]{grid-column:2;grid-row:1;z-index:1;min-width:0}.space-slider-row .space-value{grid-column:3;grid-row:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;line-height:1;color:var(--text-muted);pointer-events:none}.space-slider-scale{grid-column:2;grid-row:1;position:relative;z-index:0;display:flex;align-items:center;justify-content:space-between;height:4px;margin-inline:calc(var(--space-slider-thumb-size) / 2);pointer-events:none}.space-slider-scale:before{content:"";position:absolute;inset-inline:0;top:50%;height:1px;background:var(--input-border);transform:translateY(-50%)}.space-slider-marker{position:relative;z-index:1;flex:0 0 0;width:0;height:100%}.space-slider-marker:before{content:"";position:absolute;top:50%;left:0;width:2px;height:2px;border-radius:var(--radius-round);background:var(--text-muted);opacity:.56;transform:translate(-50%,-50%)}.space-slider-marker.is-endpoint:before{width:4px;height:4px;opacity:.8}.panel-scroll-content{--panel-scrollbar-thumb: var(--scrollbar-thumb);--panel-scrollbar-thumb-hover: var(--scrollbar-thumb-hover);flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;display:grid;gap:4px;padding:4px 10px;background:transparent}.system-visibility-bar+.panel-scroll-content{margin-top:-6px}.panel-scroll-content::-webkit-scrollbar{width:2px}.panel-scroll-content::-webkit-scrollbar-track{background:transparent}.panel-scroll-content::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--panel-scrollbar-thumb)}.panel-scroll-content::-webkit-scrollbar-thumb:hover{background:var(--panel-scrollbar-thumb-hover)}@supports (-moz-appearance: none){.panel-scroll-content{scrollbar-width:thin;scrollbar-color:var(--panel-scrollbar-thumb) transparent}}#panelHeader{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:2px 30px 2px 8px;border-bottom:1px solid var(--section-border);cursor:default;border-radius:var(--border-radius)}.panel-header-btn{position:absolute;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-muted);padding:0;cursor:pointer;opacity:.72;border-radius:var(--radius-round);transition:opacity var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.panel-header-btn:hover,.panel-header-btn:focus-visible{opacity:1;color:var(--text-bright);background:var(--fill-soft)}.panel-header-btn:focus{outline:none}.panel-back-btn{top:4px;right:4px;width:22px;height:22px}.panel-back-btn:before{content:"";width:4px;height:4px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(1px,-1px)}.panel-collapse-btn{right:4px;bottom:4px;width:22px;height:22px;z-index:1}.panel-collapse-btn:before{content:"";width:4px;height:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(225deg) translate(-1px,-1px)}#panel.panel-ui-collapsed .panel-collapse-btn:before{transform:rotate(45deg) translate(-1px,-1px)}.panel-logo{width:48px;height:48px;flex-shrink:0;overflow:visible;border-radius:var(--radius-round)}.panel-logo-text{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0;overflow:hidden}.panel-logo-text span{display:block;font-family:var(--font-family);font-weight:var(--font-weight-heavy);font-size:var(--font-size-heading-md);color:var(--text-bright);text-transform:uppercase;transform:scaleY(.75);transform-origin:center;letter-spacing:.18em;max-width:100%;overflow:hidden;white-space:nowrap}.panel-logo-text .orbitarium-wordmark{width:min(13.125rem,100%);aspect-ratio:788 / 87;-webkit-mask-size:105% auto;mask-size:105% auto;color:var(--instrument-value-color);transform:none;letter-spacing:0;text-transform:none;line-height:1;filter:var(--filter-panel-wordmark-soft)}.right-rail-tab{-webkit-appearance:none;appearance:none;width:var(--right-rail-tab-size);height:var(--right-rail-tab-size);padding:var(--space-2);font:inherit;background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--frosted-blur, 4px));backdrop-filter:blur(var(--frosted-blur, 4px));border:1px solid var(--panel-border);border-right:none;border-radius:var(--radius-ui) 0 0 var(--radius-ui);color:var(--text-muted);cursor:pointer;z-index:30;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;transition:opacity var(--right-slide-panel-duration) var(--right-slide-panel-ease),color .2s,background .2s,border-color .2s}.right-rail-tab svg{width:var(--right-rail-tab-icon-size);height:var(--right-rail-tab-icon-size)}.right-rail-tab:hover{color:var(--text-bright);background:var(--panel-bg-hover)}.right-rail-tab.active{right:var(--right-slide-panel-base-width);color:var(--accent-text)}.right-panel{--perf-label-width: var(--perf-panel-label-width);position:fixed;right:0;top:0;width:var(--right-slide-panel-base-width);height:100vh;background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--frosted-blur, 4px));backdrop-filter:blur(var(--frosted-blur, 4px));border-left:1px solid var(--border-color);transform:translate3d(var(--right-slide-panel-base-width),0,0);transition:transform var(--right-slide-panel-duration) var(--right-slide-panel-ease);will-change:transform;z-index:25;display:flex;flex-direction:column;overflow:hidden}.right-panel.open{transform:translateZ(0)}.right-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-color);font-size:var(--font-size-panel-title);font-weight:var(--font-weight-semibold);color:var(--text-color);text-transform:uppercase;letter-spacing:.06em}.path-panel-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--right-panel-content-gap);padding:12px 14px}.audio-panel .audio-panel-body,.pulse-panel .pulse-panel-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:var(--right-panel-content-padding)}#audioSyncMount{display:contents}.audio-panel-title{display:flex;align-items:center;flex:0 1 auto;justify-content:flex-start;min-width:0;gap:10px;padding-right:0}.audio-panel-switch.active .perf-section-switch-track{border-color:var(--glow-accent-border);background:var(--btn-primary-bg)}.audio-panel-switch.active .perf-section-switch-thumb{transform:translate(var(--switch-thumb-translate));background:var(--accent-primary);box-shadow:none}.pulse-section{margin:0}.pulse-section-controls[hidden]{display:none}.pulse-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}.pulse-preset-btn{background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:5px 6px;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s,background .15s}.pulse-preset-btn:hover{color:var(--text-bright);border-color:var(--text-muted)}.pulse-preset-btn.active{color:var(--text-bright);border-color:var(--accent-primary);background:var(--btn-primary-bg)}.pulse-slider-row{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:var(--font-size-2xs)}.pulse-slider-row label{min-width:46px;color:var(--text-muted)}.pulse-slider-row input[type=range]{flex:1;height:4px}.pulse-slider-value{min-width:34px;text-align:right;color:var(--text-bright);font-variant-numeric:tabular-nums}.settings-gamepad-status{display:block;margin:3px 0 10px;color:var(--text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:1.3}.settings-gamepad-status[data-status=connected]{color:var(--accent-text)}.filter-tab{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:inherit}.filter-panel-title{display:flex;align-items:center;min-width:0;gap:10px}.filter-enabled-toggle,.perf-section-switch{display:inline-flex;align-items:center;justify-content:center;width:var(--switch-track-width);height:var(--switch-track-height);padding:0;border:none;background:transparent;cursor:pointer;flex:0 0 auto}.filter-enabled-toggle-track,.perf-section-switch-track{position:relative;display:block;width:var(--switch-track-width);height:var(--switch-track-height);box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:var(--fill-soft);transition:border-color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease)}.filter-enabled-toggle-thumb,.perf-section-switch-thumb{position:absolute;top:var(--switch-thumb-offset);left:var(--switch-thumb-offset);width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:var(--radius-round);background:var(--text-muted);transition:transform var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease)}.filter-enabled-toggle.active .filter-enabled-toggle-track,.perf-section-switch.active .perf-section-switch-track,.perf-toggle-section.active .perf-section-switch-track{border-color:var(--glow-accent-border);background:var(--btn-primary-bg)}.filter-enabled-toggle.active .filter-enabled-toggle-thumb,.perf-section-switch.active .perf-section-switch-thumb,.perf-toggle-section.active .perf-section-switch-thumb{transform:translate(var(--switch-thumb-translate));background:var(--accent-primary)}.filter-enabled-toggle:hover .filter-enabled-toggle-track,.perf-section-switch:hover .perf-section-switch-track{border-color:var(--border-strong)}.filter-enabled-toggle:focus-visible,.perf-section-switch:focus-visible{outline:none;outline-offset:2px;border-radius:var(--radius-pill);box-shadow:var(--focus-ring)}.filter-panel-close{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-heading-sm);cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.filter-panel-close:hover{color:var(--text-bright)}.filter-list{flex:1 1 auto;overflow-y:auto;padding:6px 0}.filter-group{border-top:1px solid var(--border-faint)}.filter-group:first-child{border-top:0}.filter-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:0;background:transparent;color:var(--section-heading-color);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--section-heading-weight);letter-spacing:var(--section-heading-tracking);line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none}.filter-group:first-child .filter-group-header{padding-top:8px}.filter-group-header:hover,.filter-group-header:focus-visible{color:var(--text-bright);outline:none}.filter-group-arrow{color:var(--text-muted);font-size:var(--font-size-lg);line-height:1;transition:transform .15s,color .15s}.filter-group:not(.collapsed) .filter-group-arrow{transform:rotate(90deg);color:var(--text-bright)}.filter-group.has-selected>.filter-group-header{color:var(--section-heading-color)}.filter-group-body[hidden]{display:none}.filter-group-body{padding:3px 8px 8px}.filter-inline-params{margin:0 0 6px;padding:9px 12px 12px;border:1px solid var(--border-faint);border-radius:var(--radius-sm);background:var(--fill-faint)}.filter-item{padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:0;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.filter-item:hover{background:var(--fill-subtle);color:var(--text-color)}.filter-item.selected{background:var(--btn-primary-bg);color:var(--text-bright);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-inset-accent-left)}.filter-param-row{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.filter-param-label{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-muted)}.filter-param-value{color:var(--text-color);font-weight:var(--font-weight-semibold);min-width:30px;text-align:right}.filter-param-row input[type=range]{width:100%;height:var(--control-height-sm);-webkit-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer}.filter-param-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-width);height:var(--slider-thumb-height);border:1px solid var(--panel-bg);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);margin-top:calc((var(--slider-track-height) - var(--slider-thumb-height)) / 2);cursor:pointer}.filter-param-row input[type=range]::-moz-range-thumb{width:var(--slider-thumb-width);height:var(--slider-thumb-height);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);border:1px solid var(--panel-bg);cursor:pointer}.gravity-tab.gravity-on{color:var(--gravity-on-color);border-color:var(--gravity-on-border)}.gravity-tab.gravity-on:hover{color:var(--gravity-on-hover)}.gravity-panel-content{flex:1;overflow-y:auto;padding:var(--right-panel-content-padding);display:flex;flex-direction:column;gap:0;align-content:start}.perf-panel-content{flex:1;overflow-y:auto;padding:var(--right-panel-content-padding);display:flex;flex-direction:column;gap:var(--right-panel-content-gap)}.perf-sections{display:flex;flex:1;min-height:0;flex-direction:column;gap:var(--right-panel-content-gap)}.perf-group-title{color:var(--section-heading-color);font-size:var(--font-size-base);font-weight:var(--section-heading-weight);letter-spacing:var(--section-heading-tracking);text-align:left;text-transform:uppercase}.perf-metrics{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:8px;background:var(--fill-faint);border-radius:var(--radius-sm);border:1px solid var(--border-faint)}.perf-metric{display:flex;justify-content:space-between;align-items:center;padding:1px 0}.perf-metric--wide{grid-column:1 / -1;gap:8px}.perf-metric-label{color:var(--text-muted);font-size:var(--font-size-2xs)}.perf-metric-value{font-weight:var(--font-weight-semibold);color:var(--text-color);font-size:var(--font-size-xs)}.perf-metric--wide .perf-metric-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.zone-ok{color:var(--zone-ok-text)!important}.zone-warn{color:var(--zone-warn-text)!important}.zone-crit{color:var(--zone-crit-text)!important}.perf-section{border-top:1px solid var(--border-faint);padding-top:8px}.perf-section-header{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:default;-webkit-user-select:none;user-select:none;margin-bottom:6px}.perf-section-label{font-size:var(--font-size-xs);font-weight:var(--section-heading-weight);color:var(--section-heading-color);text-transform:uppercase;letter-spacing:var(--section-heading-tracking)}.perf-section-body{display:none;padding-left:4px}.perf-toggle-section .perf-section-header{margin-bottom:8px}.perf-toggle-section:not(.active) .perf-section-header{margin-bottom:0}.perf-section.expanded .perf-section-body,.perf-toggle-section.active .perf-section-body{display:block}.perf-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0}.surface-upload-row{margin-top:8px}.perf-toggle-label,.perf-slider-label,.settings-audio-meter-label{color:var(--text-muted);flex:0 0 var(--perf-label-width);min-width:var(--perf-label-width);max-width:var(--perf-label-width);font-size:var(--font-size-2xs);line-height:1.25}.perf-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--switch-track-width);height:var(--switch-track-height);border:none;background:transparent;padding:0;cursor:pointer;flex-shrink:0}.perf-toggle-track{position:relative;display:block;width:var(--switch-track-width);height:var(--switch-track-height);box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:var(--fill-soft);transition:border-color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease)}.perf-toggle-thumb{position:absolute;top:var(--switch-thumb-offset);left:var(--switch-thumb-offset);width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:var(--radius-round);background:var(--text-muted);transition:transform var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease)}.perf-toggle:hover .perf-toggle-track{border-color:var(--border-strong)}.perf-toggle.active .perf-toggle-track{border-color:var(--glow-accent-border);background:var(--btn-primary-bg)}.perf-toggle.active .perf-toggle-thumb{transform:translate(var(--switch-thumb-translate));background:var(--accent-primary)}.perf-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring);outline-offset:2px;border-radius:var(--radius-pill)}.right-panel .control.control-inline.perf-slider-row{display:grid;grid-template-columns:var(--perf-label-width) minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:3px 0}.right-panel .control.control-inline .perf-slider-label{display:block;flex:none;min-width:var(--perf-label-width);max-width:var(--perf-label-width);margin-bottom:0}.perf-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;padding:2px 0}.perf-status-label{color:var(--text-muted);flex:0 0 var(--perf-label-width);min-width:var(--perf-label-width);max-width:var(--perf-label-width);font-size:var(--font-size-2xs);line-height:1.25}.perf-status-value{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--text-color);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:1.25;text-align:right;text-overflow:ellipsis;white-space:nowrap}.perf-status-row[hidden],.perf-manual-controls[hidden],.perf-adaptive-status[hidden],.perf-slider-row[hidden]{display:none!important}.perf-slider-value{color:var(--text-color);font-weight:var(--font-weight-semibold);min-width:0;text-align:right}.perf-slider-row input[type=range],.perf-slider-row select,.perf-select-control-wrap{width:100%;min-width:0}.perf-select-control-wrap{grid-column:2 / -1;position:relative;display:block}.perf-select-control-wrap:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border:solid var(--text-muted);border-width:0 1.5px 1.5px 0;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.right-panel .perf-slider-row .perf-select-control{appearance:none;width:100%;min-height:30px;padding:6px 34px 6px 8px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--text-bright);font:.75rem/1.2 var(--font-family);font-weight:var(--font-weight-semibold);box-shadow:none;cursor:pointer}.right-panel .perf-slider-row .perf-select-control:hover,.right-panel .perf-slider-row .perf-select-control:focus,.right-panel .perf-slider-row .perf-select-control:focus-visible{border-color:var(--accent-primary);background-color:var(--input-bg);color:var(--text-bright);outline:none;box-shadow:none}.right-panel .perf-slider-row .perf-select-control option{color:var(--text-color);background:var(--panel-bg)}.settings-audio-section .settings-audio-body{padding-left:0}.settings-audio-section{--perf-label-width: 86px}.settings-audio-group-title{margin:10px 0 2px}.settings-audio-group-title:first-child{margin-top:0}.settings-audio-group{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-faint)}.settings-audio-group:first-child,.settings-audio-group-title+.settings-audio-group{margin-top:0;padding-top:0;border-top:none}.settings-audio-section .perf-slider-row,.settings-audio-section .perf-toggle-row{gap:9px;min-height:25px}.settings-audio-section .perf-slider-label,.settings-audio-section .perf-toggle-label,.settings-audio-section .settings-audio-meter-label{flex:0 0 86px;min-width:86px;max-width:86px}.settings-audio-band-group{display:grid;gap:7px}.settings-audio-band-card{padding:6px 7px 7px;border:1px solid var(--audio-card-border);border-radius:var(--radius-ui);background:var(--audio-card-bg)}.settings-audio-band-card .perf-toggle-row{padding:0 0 3px}.settings-audio-band-card .perf-slider-row{padding:1px 0 0}.settings-audio-band-card .perf-toggle-label{color:var(--text-color);font-weight:var(--font-weight-bold)}.settings-audio-band-card .perf-slider-label{color:var(--text-muted)}.settings-audio-meter-group{padding-bottom:1px}.perf-slider-row .perf-slider-value-wrap{flex:0 0 auto;min-width:66px;justify-content:space-between}.perf-slider-row .slider-value-arrow{min-width:20px;padding:0 4px}.perf-slider-row .slider-value-input{width:auto;min-width:3ch;padding:2px;font-size:var(--font-size-2xs)}.settings-audio-meter-row{display:flex;align-items:center;gap:8px;padding:3px 0 1px}.settings-audio-meter{position:relative;flex:1 1 auto;height:6px;min-width:0;overflow:hidden;border-radius:var(--radius-pill);background:var(--meter-bg)}.settings-audio-meter-fill{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--meter-fill-start),var(--meter-fill-end));box-shadow:var(--shadow-meter);transform:scaleX(0);transform-origin:left center;transition:transform 80ms linear}.settings-audio-meter.active .settings-audio-meter-fill{box-shadow:var(--shadow-meter-active)}.settings-audio-status{display:block;color:var(--text-color);font-size:var(--font-size-2xs);line-height:1.25;padding:5px 0 1px;text-align:right}.perf-mode-params{margin:2px 0 4px 8px;padding-left:8px;border-left:1px solid var(--border-faint)}.perf-readout{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-muted);padding:2px 0}.perf-breakdown{font-family:var(--font-mono);font-size:var(--font-size-2xs);line-height:1.6}.perf-breakdown-row{display:flex;justify-content:space-between;padding:1px 0;color:var(--text-muted)}.perf-breakdown-row.parent{color:var(--text-color);font-weight:var(--font-weight-semibold)}.perf-breakdown-row.child{padding-left:12px}.perf-mem-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-muted);padding:1px 0}.perf-mem-row.total{color:var(--text-color);font-weight:var(--font-weight-semibold);border-top:1px solid var(--border-faint);margin-top:2px;padding-top:3px}.perf-mem-row.group{color:var(--section-heading-color);font-weight:var(--section-heading-weight);text-transform:uppercase;letter-spacing:var(--section-heading-tracking);border-top:1px solid var(--border-faint);margin-top:7px;padding-top:5px}#perfMemList>.perf-mem-row.group:first-child{border-top:0;margin-top:0;padding-top:0}.settings-panel-content{--settings-slider-value-width: 84px;flex:1;overflow-y:auto;padding:var(--right-panel-content-padding);display:flex;flex-direction:column;gap:var(--right-panel-content-gap)}.settings-panel-content .control.control-inline.perf-slider-row{grid-template-columns:var(--perf-label-width) minmax(0,1fr) var(--settings-slider-value-width)}.settings-panel-content .perf-slider-value-wrap,#settingsSec_systemLimits .perf-slider-value-wrap{flex:0 0 auto;justify-content:center;width:var(--settings-slider-value-width);min-width:var(--settings-slider-value-width);max-width:var(--settings-slider-value-width)}#settingsSec_systemLimits .slider-value-arrow{flex:0 0 18px;padding:2px 0}.settings-panel-content .slider-value-input,#systemLimitsMaxBodyCountValue{flex:1 1 0;width:0!important;min-width:0;padding:2px 0;text-align:center}.app-version-line{margin-top:16px;padding-top:10px;border-top:1px solid var(--border-faint);text-align:center;font-size:var(--font-size-2xs);color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.3px;-webkit-user-select:text;user-select:text}.settings-hotkeys-button,.hotkeys-capture,.hotkeys-change,.hotkeys-reset-all{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-color);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.2;white-space:nowrap;cursor:pointer;transition:color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease);appearance:none;-webkit-appearance:none}.settings-hotkeys-button:hover,.settings-hotkeys-button:focus-visible,.hotkeys-capture:hover,.hotkeys-capture:focus-visible,.hotkeys-change:hover,.hotkeys-change:focus-visible,.hotkeys-reset-all:hover,.hotkeys-reset-all:focus-visible{color:var(--text-bright);border-color:var(--border-strong);background:var(--fill-soft);outline:none}.settings-hotkeys-button:focus-visible,.hotkeys-capture:focus-visible,.hotkeys-change:focus-visible,.hotkeys-reset-all:focus-visible{box-shadow:var(--focus-ring)}.settings-hotkeys-button{min-width:58px;min-height:24px;padding:5px 12px}.settings-reset-settings{width:100%;margin-top:16px;min-height:var(--control-height-md);padding:0 var(--control-inline-padding);border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-muted);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s;appearance:none;-webkit-appearance:none}.settings-reset-settings:hover,.settings-reset-settings:focus-visible{border-color:var(--accent-danger);background:var(--danger-bg);color:var(--danger-text);outline:none}.settings-reset-settings:focus-visible{box-shadow:var(--focus-ring)}.settings-clear-cache{width:100%;margin-top:8px;min-height:var(--control-height-md);padding:0 var(--control-inline-padding);border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-muted);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s;appearance:none;-webkit-appearance:none}.settings-clear-cache:hover,.settings-clear-cache:focus-visible{border-color:var(--border-strong);background:var(--btn-hover-bg);color:var(--text-bright);outline:none}.settings-clear-cache:focus-visible{box-shadow:var(--focus-ring)}.dialog-box.hotkeys-dialog{width:min(760px,calc(100vw - 64px));max-width:min(760px,calc(100vw - 64px));box-sizing:border-box;display:flex;flex-direction:column}.hotkeys-dialog .dialog-header{margin-bottom:12px}.hotkeys-dialog .dialog-body{margin-bottom:16px;overflow:visible}.hotkeys-dialog-body{width:100%;box-sizing:border-box;overflow:visible;display:flex;flex-direction:column;gap:12px}.hotkeys-dialog-tools{display:flex;justify-content:flex-end;min-height:26px}.hotkeys-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;min-width:0}.hotkeys-column{display:flex;min-width:0;flex-direction:column;gap:10px}.hotkeys-section{min-width:0;overflow:hidden;padding:8px;border:1px solid var(--border-faint);border-radius:var(--border-radius);background:var(--fill-faint)}.hotkeys-section h4{margin:0 0 6px;padding-bottom:5px;border-bottom:1px solid var(--border-faint);color:var(--section-heading-color);font-size:var(--font-size-2xs);font-weight:var(--section-heading-weight);letter-spacing:var(--section-heading-tracking);text-transform:uppercase}.hotkeys-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,96px) 58px;column-gap:6px;row-gap:3px;align-items:center;min-height:26px}.hotkeys-label{color:var(--text-color);font-size:var(--font-size-xs);line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotkeys-capture{min-width:0;min-height:22px;padding:4px 6px;color:var(--text-bright);border-color:var(--input-border);background:var(--input-bg);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotkeys-capture.capturing{border-color:var(--accent-primary);color:var(--accent-text)}.hotkeys-change,.hotkeys-reset-all{min-height:22px;padding:4px 8px}.hotkeys-change{width:58px;padding-right:0;padding-left:0}.hotkeys-message{grid-column:1 / 4;color:var(--text-muted);font-size:var(--font-size-xs)}.hotkeys-message:empty{display:none}.hotkeys-scene-section{padding-bottom:10px}.hotkeys-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.hotkeys-scene-row{display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 0}.hotkeys-scene-key,.hotkeys-scene-label{min-width:0;font-size:var(--font-size-xs);line-height:1.25;white-space:normal}.hotkeys-scene-key{color:var(--text-bright);font-weight:var(--font-weight-semibold)}.hotkeys-scene-label{color:var(--text-muted)}@media(max-width:820px){.dialog-box.hotkeys-dialog{width:min(480px,calc(100vw - 32px));max-width:min(480px,calc(100vw - 32px))}.hotkeys-section-grid,.hotkeys-scene-grid{grid-template-columns:1fr}.hotkeys-row{grid-template-columns:minmax(0,1fr) 104px 56px}.hotkeys-change{width:56px}}.axis-gizmo{position:fixed;bottom:12px;right:12px;width:64px;height:64px;z-index:4;pointer-events:none;opacity:.7;transition:opacity .3s}.axis-gizmo:hover{opacity:1}.links-panel-content{flex:1;overflow-y:auto;padding:var(--right-panel-content-padding);display:flex;flex-direction:column;gap:8px}.link-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--fill-faint);border:1px solid var(--border-faint);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-muted)}.link-row-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-row-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:var(--font-size-sm);padding:0 4px;margin-left:6px}.link-row-remove:hover{color:var(--danger-text)}.links-add-btn{width:100%;min-height:var(--control-height-md);padding:0 var(--control-inline-padding);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--control-radius);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease)}.links-add-btn:hover{color:var(--text-bright);border-color:var(--border-strong);background:var(--fill-soft)}.links-add-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.link-row-empty{justify-content:center;color:var(--text-muted);font-style:italic}.links-form-input{width:100%;box-sizing:border-box}.links-form-buttons{display:flex;gap:6px;margin-top:6px}.links-form-buttons .links-add-btn{flex:1}.links-add-btn-secondary{color:color-mix(in srgb,var(--text-muted) 62%,transparent);border-color:color-mix(in srgb,var(--border-faint) 62%,transparent)}.links-add-form{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--fill-faint);border:1px solid var(--border-faint);border-radius:var(--radius-sm)}.links-add-form select{width:100%;padding:4px 6px;background:var(--panel-bg);border:1px solid var(--border-faint);border-radius:var(--control-radius);color:var(--text-color);font-size:var(--font-size-xs)}.links-add-form label{font-size:var(--font-size-2xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.links-add-form button{flex:1;padding:4px 8px;border:1px solid var(--border-faint);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-muted);font-size:var(--font-size-2xs);cursor:pointer}.scene-panel-content{flex:1;overflow-y:auto;padding:var(--right-panel-content-padding);display:flex;flex-direction:column;gap:var(--right-panel-content-gap)}.scene-btn-row{flex:1 1 auto;max-width:180px;margin-top:0}.scene-mode-btn{padding:0 8px;font-size:var(--font-size-2xs)}.scene-color-input{width:32px;height:22px;border-radius:var(--radius-xs);cursor:pointer;padding:0;vertical-align:middle}.scene-background-control{margin:6px 0 8px}.scene-background-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.scene-background-file-slot{min-width:0;min-height:28px;display:grid;align-items:center}.scene-background-file-slot [hidden],.scene-background-actions [hidden]{display:none}.scene-background-btn{min-height:28px;padding:0 var(--control-inline-padding);border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-muted);font-family:inherit;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:color var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),opacity var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.scene-background-btn:hover:not(:disabled){color:var(--text-bright);border-color:var(--border-strong);background:var(--fill-soft)}.scene-background-upload{color:var(--text-color)}.scene-background-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.scene-background-name,.scene-background-loading,.scene-background-status{overflow:hidden;max-width:100%;color:var(--text-color);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.scene-background-loading{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary)}.scene-background-loading:before{content:"";width:11px;height:11px;flex:0 0 11px;border:2px solid currentColor;border-top-color:transparent;border-radius:999px;animation:scene-background-loading-spin .75s linear infinite}.scene-background-status{color:var(--text-muted);font-weight:var(--font-weight-medium)}.scene-background-status[data-tone=error]{color:var(--danger-color, #ff6f91)}.scene-background-btn:disabled{cursor:default;opacity:.42}@keyframes scene-background-loading-spin{to{transform:rotate(360deg)}}.scene-global-light-position-row{display:block;padding:0}.scene-global-light-position-row .perf-toggle-label{display:block;margin-bottom:8px}.scene-global-light-position-title{min-width:0;max-width:none}.scene-global-light-pad{position:relative;width:100%;max-width:none;aspect-ratio:1;border:1px solid var(--border-faint);border-radius:var(--radius-xs);background:linear-gradient(to right,transparent calc(50% - .5px),var(--border-faint) 50%,transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),var(--border-faint) 50%,transparent calc(50% + .5px)),radial-gradient(circle at center,color-mix(in srgb,var(--accent-primary) 22%,transparent),transparent 62%),var(--fill-faint);cursor:crosshair;touch-action:none}.scene-global-light-pad:focus-visible{outline:1px solid var(--accent-primary);outline-offset:2px}.scene-global-light-marker{position:absolute;width:12px;height:12px;border:2px solid var(--accent-primary);border-radius:50%;background:var(--panel-bg);box-shadow:none;transform:translate(-50%,-50%);pointer-events:none}.global-light-popover[hidden]{display:none!important}.global-light-popover{width:var(--hud-editor-popover-width);height:var(--hud-editor-popover-height);display:flex;flex-direction:column}.global-light-popover-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-faint)}.global-light-popover-title{min-width:0;overflow:hidden;color:var(--text-bright);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.global-light-popover-close{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--font-size-lg);line-height:1;cursor:pointer}.global-light-popover-close:hover,.global-light-popover-close:focus-visible{color:var(--text-bright);border-color:var(--border-color);outline:none}.global-light-popover-body{--perf-label-width: 64px;min-height:0;flex:1;max-height:min(620px,calc(100vh - 76px));overflow-y:auto;padding:8px 12px}.scene-global-light-intro{margin-bottom:8px;color:var(--text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.scene-global-light-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:8px}.scene-global-light-tab{position:relative;min-width:0;min-height:28px;padding:0 6px;border:1px solid var(--border-faint);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-muted);cursor:pointer;font:inherit;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-global-light-tab:hover{color:var(--text-bright);border-color:var(--border-color)}.scene-global-light-tab.source-enabled{color:var(--text-color)}.scene-global-light-tab.source-enabled:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:var(--radius-round);background:var(--accent-primary);box-shadow:none;pointer-events:none}.scene-global-light-tab.active{color:var(--text-bright);border-color:var(--border-strong);background:var(--fill-soft)}.scene-global-light-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.scene-global-light-source-body{display:grid;grid-template-columns:minmax(190px,214px) minmax(238px,1fr);align-items:start;gap:12px}.scene-global-light-position-panel{min-width:0}.scene-global-light-controls-panel{min-width:0;padding-left:12px;border-left:1px solid var(--border-faint)}.scene-global-light-controls-panel>.scene-global-light-intro{margin-bottom:4px}.scene-global-light-source-body .perf-mode-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"enabled color" "plane tone" "intensity intensity";gap:8px 12px;align-content:start;margin-left:0;margin-top:0;padding-left:0;border-left:0}.scene-global-light-enabled-row{grid-area:enabled}.scene-global-light-color-row{grid-area:color}.scene-global-light-plane-row{grid-area:plane}.scene-global-light-tone-row{grid-area:tone}.scene-global-light-intensity-row{grid-area:intensity}.scene-global-light-plane-row,.scene-global-light-tone-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-content:start}.scene-global-light-plane-row .perf-toggle-label,.scene-global-light-tone-row .perf-toggle-label{min-width:0;max-width:none}.scene-global-light-plane-row .scene-btn-row,.scene-global-light-tone-row .scene-btn-row{width:100%;max-width:none}.scene-global-light-plane-row .scene-mode-btn,.scene-global-light-tone-row .scene-mode-btn{padding-inline:3px}@media(min-width:721px){.scene-global-light-source-body{align-items:stretch;height:100%}.scene-global-light-position-panel{min-height:0;contain:size}.scene-global-light-position-row{height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.scene-global-light-pad{width:100%;height:100%;max-height:100%;aspect-ratio:auto;justify-self:stretch}}@media(max-width:720px){.scene-global-light-source-body{grid-template-columns:minmax(0,1fr)}.scene-global-light-controls-panel{margin-top:12px;padding-top:12px;padding-left:0;border-top:1px solid var(--border-faint);border-left:0}.scene-global-light-source-body .perf-mode-params{grid-template-columns:minmax(0,1fr);grid-template-areas:"enabled" "color" "plane" "tone" "intensity"}}.right-panel-header{padding:16px 14px 14px;color:var(--text-bright);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:none}:is(.right-panel-header,.filter-panel-title,.audio-panel-title)>span{min-width:0;overflow:hidden;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap}.right-panel .filter-panel-close{color:var(--text-muted);font-size:var(--font-size-heading-md);font-weight:var(--font-weight-bold)}.right-panel .filter-panel-close:is(:hover,:focus-visible){color:var(--text-bright);outline:none}.path-panel .path-history-header,.right-panel .perf-section-label{color:var(--section-heading-color);font-size:var(--font-size-sm);font-weight:var(--section-heading-weight);letter-spacing:var(--section-heading-tracking);text-transform:uppercase}.right-panel :is(.control label,.perf-slider-label,.perf-toggle-label),.gravity-panel .force-mode-label,.pulse-panel .pulse-slider-row label,.links-panel .links-add-form label{color:var(--text-bright);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);letter-spacing:0;text-transform:none}.right-panel :is(.perf-slider-label,.perf-toggle-label){line-height:1.25}.right-panel :is(.control label span,.perf-slider-value),.pulse-panel .pulse-slider-value{color:var(--text-bright)}.filter-panel .filter-param-label,.filter-panel .filter-param-value,.links-panel .link-row,.links-panel .links-add-form select{color:var(--text-bright)}.links-panel .link-row-remove,.links-panel .links-add-btn,.path-panel .image-file-name,.path-panel .path-history-clear,.gravity-panel .force-status,.settings-panel .settings-gamepad-status{color:var(--text-muted)}.preset-picker-row{--panel-toolbar-scroll-slot: 14px;--panel-toolbar-action-slot: 22px;--panel-toolbar-gap: 0px;display:grid;grid-template-columns:var(--panel-toolbar-scroll-slot) minmax(0,1fr) repeat(4,var(--panel-toolbar-action-slot));column-gap:var(--panel-toolbar-gap);align-items:center;padding:0 var(--object-scrollbar-safe-pad, 2px) 0 5px;width:100%;box-sizing:border-box}.preset-picker-row .btn-icon-sm{grid-row:1;width:var(--panel-toolbar-action-slot);height:var(--panel-toolbar-action-slot);padding:0;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;transition:color .2s,opacity .2s}.preset-picker-row .btn-icon-sm:hover{color:var(--text-bright);opacity:1}.preset-picker-row .btn-icon-sm svg{width:15px;height:15px}#panelSaveBtn{grid-column:3;margin-left:0}#panelExportBtn{grid-column:4}#panelImportBtn{grid-column:5}#panelShareBtn{grid-column:6}#panel .panel-primary-picker{box-sizing:border-box;min-width:0;width:calc(100% - 4px);height:32px;background:none;border:1px solid var(--panel-border);border-radius:var(--border-radius);padding:6px 4px 6px 10px;color:var(--text-bright);font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-ui);cursor:pointer;transition:color var(--duration-medium) var(--ease-standard),border-color var(--duration-medium) var(--ease-standard)}#panel .panel-primary-picker:hover,#panel .panel-primary-picker:focus-visible{color:var(--text-bright);border-color:var(--border-medium);outline:none}#panel .system-selector.panel-primary-picker{color:var(--instrument-value-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-ui)}#panel .system-selector.panel-primary-picker.is-static{color:var(--instrument-value-color);border-color:var(--panel-border);cursor:default;opacity:1}#panel .system-selector.panel-primary-picker.is-static:is(:hover,:focus-visible){color:var(--instrument-value-color);border-color:var(--panel-border)}.system-selector-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-picker-btn{grid-column:1 / 3;grid-row:1;display:flex;align-items:center;gap:8px;flex:1 1 0;text-align:left}.active-preset-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--instrument-value-color);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.5px}.preset-picker-chevron{flex:0 0 auto;color:var(--text-muted)}#panel .panel-primary-picker:hover .preset-picker-chevron,#panel .panel-primary-picker:focus-visible .preset-picker-chevron{color:var(--text-bright)}.preset-picker-overlay{position:fixed;inset:0;z-index:1000;background:transparent}.preset-picker-panel{position:fixed;background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--frosted-blur));backdrop-filter:blur(var(--frosted-blur));border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);padding:16px;width:var(--panel-width-md);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.preset-panel-content{flex:1;min-height:0;overflow:hidden;padding:var(--right-panel-content-padding)}.preset-picker-mount,.preset-picker-body,.preset-picker-catalog{display:flex;flex:1;min-height:0;flex-direction:column}.preset-picker-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 8px;flex-shrink:0}.preset-picker-tabs{display:flex;gap:0;flex-shrink:0;border-bottom:1px solid var(--panel-border)}.preset-picker-collection-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.preset-picker-collection-tabs .preset-picker-tab{min-width:0;padding-inline:2px;font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis}.preset-picker-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-family:inherit;font-weight:var(--font-weight-medium);padding:6px 0;cursor:pointer;transition:color .15s,border-color .15s}.preset-picker-tab:hover{color:var(--text-bright)}.preset-picker-tab.active{color:var(--accent-text);border-bottom-color:var(--accent-primary);font-weight:var(--font-weight-bold)}.preset-picker-empty{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;padding:20px 0}.preset-picker-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-bright)}.preset-picker-close{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-2xl);cursor:pointer;padding:4px}.preset-picker-close:hover{color:var(--text-bright)}.preset-picker-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0;padding-top:8px;outline:none}.preset-picker-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--border-radius);cursor:pointer;outline:none;transition:background .15s,box-shadow .15s}.preset-picker-item:hover{background:var(--fill-subtle)}.preset-picker-item.selected{background:color-mix(in srgb,var(--accent-primary) 12%,var(--fill-faint));box-shadow:var(--shadow-inset-accent-left)}.preset-picker-item:focus-visible{box-shadow:var(--shadow-inset-accent)}.preset-picker-item.selected:focus-visible{box-shadow:var(--shadow-inset-accent-left),var(--shadow-inset-accent)}.preset-picker-item-name{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--text-bright)}.preset-picker-item-meta{font-size:var(--font-size-2xs);color:var(--text-muted)}.preset-picker-swatches{display:flex;gap:2px}.preset-picker-swatch{width:8px;height:8px;border-radius:var(--radius-round)}.preset-picker-rename{flex:1;min-width:0;padding:2px 6px;border:1px solid var(--accent-primary);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-bright);font:var(--font-weight-semibold) var(--font-size-sm)/1.2 var(--font-family);outline:none}.preset-picker-action{width:18px;height:18px;background:none;border:none;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:0;border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center}.preset-picker-action svg{width:12px;height:12px}.preset-picker-action:hover{background:var(--btn-hover-bg)}.preset-picker-edit:hover{color:var(--text-bright)}.preset-picker-delete:hover{color:var(--danger-text)}#objectList{display:grid;gap:0;margin:0 -10px;--object-tree-depth-step: 3px;--object-tree-child-pad: 0;--object-scrollbar-safe-pad: 2px}.object-item{background:transparent;border:none;border-radius:var(--border-radius)}.object-item+.object-item{border-top:1px solid var(--section-border);margin-top:2px}.object-header{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) max-content max-content;align-items:center;padding:2px var(--object-scrollbar-safe-pad) 2px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;gap:2px;min-width:0;background:var(--fill-ghost)}.object-header:hover{background:var(--btn-primary-bg)}.object-header.selected,.object-header:focus{background:var(--btn-primary-bg);color:var(--accent-text);font-weight:var(--font-weight-semibold);outline:none}.object-arrow{font-size:var(--font-size-micro);transition:transform .2s;color:var(--accent-text);position:absolute;left:var(--arrow-indent, 5px);top:50%;transform:translateY(-50%)}.instance-item>.object-arrow{left:var(--arrow-indent-nested, -8px)}.object-item.expanded>.object-header>.object-arrow,.instance-with-children.expanded>.instance-item>.object-arrow{transform:translateY(-50%) rotate(90deg)}.instance-with-children>.instance-children{display:none}.instance-with-children.expanded>.instance-children{display:block}.object-name{flex:1 1 0;min-width:0;max-width:100%;font-weight:var(--font-weight-medium);color:var(--text-color);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.object-count{color:var(--text-muted);font-size:var(--font-size-meta-sm);margin-left:2px;flex:1}.instance-name-wrap{flex:1 1 0;min-width:0;max-width:100%;display:flex;align-items:center;overflow:hidden}.object-header .object-count,.instance-name-wrap .instance-count{flex:none;margin-left:3px;font-weight:var(--font-weight-regular)}.object-color-preview{width:12px;height:12px;flex:0 0 12px;border-radius:var(--radius-round);border:1px solid var(--input-border);background-clip:padding-box;cursor:pointer;overflow:hidden;transition:border-color var(--control-duration) var(--control-ease)}.object-color-preview:hover{border-color:var(--text-muted)}.object-color-preview[data-color-mode=rainbow]{background-color:transparent!important;background-image:var(--color-picker-rainbow-orb-gradient);box-shadow:inset 0 0 0 1px var(--control-inset-strong)}.object-params{display:none;padding:8px 10px;border-top:1px solid var(--section-border);background:var(--section-params-bg)}.object-item.expanded>.object-params{display:grid;gap:6px}.inline-rename-input{font:inherit;font-size:inherit;font-weight:inherit;background:var(--section-params-bg);color:var(--text-bright);border:1px solid var(--accent-primary);border-radius:var(--radius-xs);padding:0 4px;width:100%;box-sizing:border-box;outline:none}.object-item>.instances-container{padding:2px 0 2px 16px!important;margin-left:0;border-left:none}.instances-container{grid-template-columns:minmax(0,1fr);min-width:0;padding:1px 0 1px var(--object-tree-child-pad)!important;margin-left:0;border-left:1px solid var(--section-border)}.instance-item{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr) max-content;align-items:center;gap:2px;padding:2px var(--object-scrollbar-safe-pad) 2px 2px;background:transparent;border:none;border-radius:var(--control-radius);margin-bottom:1px;min-width:0;width:100%;max-width:100%}.instance-item:last-child{margin-bottom:0}.instance-item:hover{background:var(--btn-primary-bg)}.instance-item.selected,.instance-item:focus{background:var(--btn-primary-bg);color:var(--accent-text);font-weight:var(--font-weight-semibold);outline:none}.instance-name{flex:1 1 0;min-width:0;max-width:100%;font-size:var(--font-size-2xs);color:var(--text-color);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-delete-instance{background:transparent;border:none;color:var(--text-dim);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);width:16px;height:16px;border-radius:var(--radius-round);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:opacity var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.btn-delete-instance:hover,.btn-delete-instance:focus-visible{opacity:1;color:var(--text-bright);background:var(--fill-soft);outline:none}.btn-add-child{background:transparent;border:none;color:var(--text-muted);font-size:var(--font-size-panel-title);font-weight:var(--font-weight-bold);width:16px;height:16px;border-radius:var(--radius-round);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:opacity var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease);margin-left:-2px}.btn-add-child:hover,.btn-add-child:focus-visible{opacity:1;color:var(--text-bright);background:var(--fill-soft);outline:none}.object-header .object-color-preview{width:14px;height:14px;flex-basis:14px}.instance-with-children{margin-bottom:1px;min-width:0;max-width:100%}.instance-with-children:last-child{margin-bottom:0}.instance-children{margin-left:var(--object-tree-depth-step);margin-top:1px;padding-left:0;border-left:1px solid var(--section-border);min-width:0;max-width:100%;overflow:visible}.instance-children .instance-item{padding:2px var(--object-scrollbar-safe-pad) 2px var(--object-tree-child-pad)}.object-actions-group,.instance-actions-group{margin-left:auto;display:flex;align-items:center;gap:2px;flex:0 0 auto}.btn-action-inline{background:transparent;border:none;color:var(--text-muted);width:16px;height:16px;border-radius:var(--radius-round);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease)}.btn-action-inline svg{width:12px;height:12px}.btn-action-inline:hover,.btn-action-inline:focus-visible{color:var(--text-bright);background:var(--fill-soft);outline:none}body.light-mode .btn-action-inline:not(:disabled){color:var(--text-bright);opacity:.86}.btn-action-inline:disabled{opacity:var(--icon-control-disabled-opacity);pointer-events:none;cursor:default}.object-header .btn-action-inline{width:16px;height:16px}.object-header .btn-action-inline svg{width:13px;height:13px}.btn-add-instance:hover,.btn-add-child:hover{color:var(--accent-secondary-text)}.btn-delete-orbit:hover,.btn-action-inline.btn-delete-instance:hover{color:var(--danger-text)}.instance-with-children.dragging>.instance-item,.object-item.dragging>.object-header{opacity:.4;outline:1px dashed var(--accent-primary)}.instance-with-children.drag-over>.instance-item,.object-item.drag-over>.object-header{background:var(--accent-primary);opacity:.8;border-radius:var(--border-radius)}.drag-ghost{opacity:.7;box-shadow:var(--shadow-sm);background:var(--section-params-bg);border:1px solid var(--accent-primary);border-radius:var(--border-radius)}.object-context-menu{position:fixed;z-index:10000;background:var(--modal-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:4px 0;min-width:120px;font-size:var(--font-size-sm);color:var(--text-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.object-context-menu-header{padding:8px 14px 6px;font-size:var(--font-size-xs);line-height:1.35;color:var(--text-muted);white-space:normal;overflow-wrap:anywhere;cursor:default}.object-context-menu-item{padding:6px 14px;cursor:pointer;transition:background .1s;display:flex;align-items:center;gap:8px}.object-context-menu-item:hover{background:var(--btn-primary-bg)}.object-context-menu-item.danger{color:var(--danger-text)}.object-context-menu-item.disabled{opacity:var(--icon-control-disabled-opacity);pointer-events:none}.object-context-menu-item.limit-blocked{background:var(--glow-accent-soft)}.context-menu-input{width:36px;padding:1px 4px;font-size:var(--font-size-caption);border-radius:var(--radius-xs);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-bright);text-align:center;margin-left:auto;-moz-appearance:textfield;appearance:textfield}.context-menu-input::-webkit-inner-spin-button,.context-menu-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.context-menu-add-btn{font-size:var(--font-size-2xs);padding:2px 8px;border-radius:var(--radius-xs);border:1px solid var(--accent-primary);background:var(--btn-primary-bg);color:var(--text-bright);cursor:pointer;white-space:nowrap}.context-menu-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.context-menu-icon svg{width:14px;height:14px}.context-menu-text{flex:1}.context-menu-limit-hint{display:none;font-size:var(--font-size-meta-sm);line-height:1;color:var(--text-muted);white-space:nowrap}.context-menu-limit-hint.visible{display:inline-flex}.object-context-menu-separator{height:1px;background:var(--section-border);margin:4px 8px}.btn-kebab{background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:var(--font-size-2xl);width:22px;height:22px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:opacity var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease);line-height:1;position:relative;isolation:isolate}.btn-kebab:before{content:none}.btn-kebab:hover,.btn-kebab:focus-visible{opacity:1;color:var(--text-bright);background:var(--fill-soft);outline:none}.object-header .btn-kebab{width:22px;height:22px;font-size:var(--font-size-2xl)}body:has(#objectModal.visible) #objectList :is(.object-header.selected,.instance-item.selected) .btn-kebab{color:var(--text-bright);opacity:1;border-color:var(--accent-primary);background:transparent;box-shadow:none;transform:none}body:has(#objectModal.visible) #objectList :is(.object-header.selected,.instance-item.selected) .btn-kebab:before{content:none}body:has(#objectModal.visible) #objectList :is(.object-header.selected,.instance-item.selected) .btn-kebab:hover,body:has(#objectModal.visible) #objectList :is(.object-header.selected,.instance-item.selected) .btn-kebab:focus{transform:none}.control label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:var(--font-weight-regular);color:var(--text-bright);font-size:var(--font-size-xs)}.control.control-inline{display:flex;align-items:center;gap:8px}.control[hidden]{display:none!important}.control.control-inline .control-label{flex:0 0 auto;min-width:80px;max-width:90px;margin-bottom:0;display:block}.control.control-inline input[type=range]{flex:1 1 auto;min-width:0;margin:0}.control.control-inline .slider-value-wrap{flex:0 0 auto}.ui-segmented{display:inline-flex;align-items:stretch;max-width:100%;gap:0;overflow:hidden;border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg)}.ui-segmented-option{flex:1 1 0;min-width:0;min-height:var(--control-height-sm);padding:0 8px;border:0;border-right:1px solid var(--border-faint);border-radius:0;background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--font-size-2xs);cursor:pointer;transition:color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease)}.ui-segmented-option:last-child{border-right:0}.ui-segmented-option:hover{color:var(--text-bright);background:var(--fill-soft)}.ui-segmented-option.active{color:var(--text-bright);background:var(--fill-visible)}.ui-segmented-option:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--accent-primary)}.ui-select-shell{position:relative;display:block;width:100%;min-width:0}.ui-select-shell:after{content:"";position:absolute;top:50%;right:10px;width:6px;height:6px;border:solid var(--text-muted);border-width:0 1.5px 1.5px 0;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.ui-select-control{-webkit-appearance:none;appearance:none;width:100%;min-width:0;min-height:var(--control-height-md);padding:6px 30px 6px var(--space-2);border:1px solid var(--input-border);border-radius:var(--control-radius);background-color:var(--input-bg);color:var(--text-bright);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;transition:border-color var(--control-duration) var(--control-ease),background-color var(--control-duration) var(--control-ease),box-shadow var(--control-duration) var(--control-ease)}.ui-select-control:hover{border-color:var(--border-strong)}.ui-select-control:focus-visible{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.ui-select-control option{background:var(--panel-bg);color:var(--text-color)}.slider-value-wrap{display:inline-flex;align-items:center;gap:0;min-height:var(--control-height-sm);border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);overflow:hidden;transition:border-color var(--control-duration) var(--control-ease),box-shadow var(--control-duration) var(--control-ease)}.slider-value-arrow{align-self:stretch;min-width:20px;padding:0;background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);line-height:1;cursor:pointer;transition:background var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease)}.slider-value-arrow:first-child{border-right:1px solid var(--border-faint)}.slider-value-arrow:last-child{border-left:1px solid var(--border-faint)}.slider-value-arrow:hover,.slider-value-arrow:focus-visible{background:var(--fill-soft);color:var(--text-bright);outline:none}.slider-value-arrow:active{background:var(--fill-visible)}.slider-value-input{width:40px;padding:2px;background:none;border:none;color:var(--text-bright);font-size:var(--font-size-xs);font-family:inherit;font-weight:var(--font-weight-regular);font-variant-numeric:tabular-nums;text-align:center;outline:none}.slider-value-wrap:focus-within{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:var(--slider-track-height);background:var(--input-border);border-radius:var(--radius-2xs)}input[type=range]::-moz-range-track{height:var(--slider-track-height);background:var(--input-border);border-radius:var(--radius-2xs);border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-width);height:var(--slider-thumb-height);border:1px solid var(--panel-bg);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);margin-top:calc((var(--slider-track-height) - var(--slider-thumb-height)) / 2);transition:background var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease)}input[type=range]::-moz-range-thumb{width:var(--slider-thumb-width);height:var(--slider-thumb-height);border:1px solid var(--panel-bg);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);transition:background var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--slider-thumb-hover-color)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus-visible::-moz-range-thumb{background:var(--slider-thumb-hover-color)}input[type=range]:active::-webkit-slider-thumb{background:var(--slider-thumb-hover-color)}input[type=range]:active::-moz-range-thumb{background:var(--slider-thumb-hover-color)}.panel-space-control .control label{font-size:var(--font-size-base);margin-bottom:6px}#orbitsValue{font-size:var(--font-size-lg);font-weight:var(--font-weight-light);min-width:2ch;text-align:center}#orbitsSlider{height:var(--space-slider-thumb-size)}#orbitsSlider::-webkit-slider-runnable-track{height:1px;background:transparent}#orbitsSlider::-moz-range-track{height:1px;background:transparent}#orbitsSlider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--space-slider-thumb-size);height:var(--space-slider-thumb-size);margin-top:calc((1px - var(--space-slider-thumb-size)) / 2);border:none;border-radius:0;background:transparent var(--slider-rocket) center / contain no-repeat;box-shadow:none;cursor:pointer;transition:filter var(--control-duration) var(--control-ease)}#orbitsSlider::-moz-range-thumb{width:var(--space-slider-thumb-size);height:var(--space-slider-thumb-size);border:none;border-radius:0;background:transparent var(--slider-rocket) center / contain no-repeat;box-shadow:none;cursor:pointer;transition:filter var(--control-duration) var(--control-ease)}@media(hover:hover)and (pointer:fine){#orbitsSlider:hover::-webkit-slider-thumb,#orbitsSlider:focus-visible::-webkit-slider-thumb{filter:var(--filter-accent-drop)}#orbitsSlider:hover::-moz-range-thumb,#orbitsSlider:focus-visible::-moz-range-thumb{filter:var(--filter-accent-drop)}}.control input[type=color]{width:36px;height:24px;padding:0;border:1px solid var(--input-border);border-radius:var(--border-radius);background:transparent;cursor:pointer}.control input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.control input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-2xs)}.control select,.floating-inline-panel select{width:100%;padding:6px 8px;border-radius:var(--border-radius);border:1px solid transparent;background:transparent;color:var(--text-bright);font-size:var(--font-size-sm);font-family:var(--font-family)}.control select:hover,.floating-inline-panel select:hover,.control select:focus,.floating-inline-panel select:focus{border-color:var(--input-border);background:var(--input-bg);outline:none}.control select option,.floating-inline-panel select option{background:var(--canvas-bg);color:var(--text-bright)}.btn-visibility{width:16px;height:16px;padding:2px;border-radius:var(--radius-round);border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease);margin-left:-2px}.btn-visibility:hover,.btn-visibility:focus-visible{opacity:1;color:var(--text-bright);background:var(--fill-soft);outline:none}.btn-visibility.visible{opacity:.8;color:var(--text-muted)}.btn-visibility.visible:hover,.btn-visibility.visible:focus-visible{opacity:1;color:var(--text-bright);background:var(--fill-soft);outline:none}.btn-visibility svg{width:12px;height:12px}.object-header .btn-visibility{width:22px;height:22px}.object-header .btn-visibility svg{width:16px;height:16px}.btn-freeze{width:16px;height:16px;padding:2px;border-radius:var(--radius-round);border:none;background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease);opacity:.5;margin-left:-4px;flex-shrink:0}.btn-freeze:hover,.btn-freeze:focus-visible{opacity:1;color:var(--text-bright);background:transparent;outline:none}.btn-freeze.playing{opacity:.6;color:var(--text-muted)}.btn-freeze.playing:hover,.btn-freeze.playing:focus-visible{opacity:1;color:var(--text-bright);background:transparent;outline:none}.btn-freeze:not(.playing):hover,.btn-freeze:not(.playing):focus-visible{color:var(--text-bright)}body.light-mode .btn-freeze:not(:disabled){opacity:.86}.btn-freeze svg{width:12px;height:12px}.object-header .btn-freeze{width:22px;height:22px}.object-header .btn-freeze svg{width:16px;height:16px}.text-path-row{display:flex;gap:8px;align-items:center}.text-path-row input[type=text]{flex:1;padding:6px 8px;border-radius:var(--border-radius);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-bright);font-family:var(--font-family);font-size:var(--font-size-sm)}.text-path-row input[type=text]:focus{outline:none;border-color:var(--accent-primary)}.path-image-row{display:flex;flex-direction:column;gap:10px}.path-panel .path-upload-btn{width:100%;justify-content:center;min-height:32px;padding:0 var(--control-inline-padding);font-size:var(--font-size-sm)}.path-panel .path-upload-btn.active{background:var(--btn-primary-bg);border-color:var(--accent-primary);color:var(--text-bright)}.path-preview-meta{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border:1px solid var(--input-border);border-radius:var(--border-radius);background:var(--input-bg)}.image-file-name{min-width:0;flex:1;max-width:none;font-size:var(--font-size-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-launch-row{justify-content:center;gap:8px;padding-top:2px}.path-launch-row #pathSetBtn{flex:0 1 96px;min-width:96px}.path-launch-row #textPathLoopBtn{box-sizing:border-box;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:var(--radius-round);opacity:1}.path-launch-row #textPathLoopBtn svg{width:16px;height:16px}.path-launch-row #textPathLoopBtn.active{border-color:var(--border-strong);background:var(--fill-soft);color:var(--text-bright)}.path-preview-thumb{width:40px;height:40px;border-radius:var(--border-radius);object-fit:cover;flex-shrink:0}.path-preview-thumb:not([src]),.path-preview-thumb[src=""]{display:none}.path-history-list:empty+.path-history-clear{display:none}.path-history-section{margin-top:0;border-top:1px solid var(--section-border);padding-top:8px}.path-history-header{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.path-mode-row{padding:0}.path-mode-tabs{width:100%}.path-mode-tab.ui-segmented-option{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.path-scale-row output.slider-value-input{display:inline-flex;align-items:center;justify-content:center;line-height:var(--line-height-ui)}.path-history-item.active{background:var(--btn-primary-bg);color:var(--text-bright)}.path-history-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.path-history-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-xs);color:var(--text-color)}.path-history-item:hover{background:var(--btn-hover-bg)}.path-history-item .path-history-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-history-item .path-history-thumb{width:20px;height:20px;border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0}.path-history-item .path-history-del{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:0 2px;flex-shrink:0}.path-history-item .path-history-del:hover{color:var(--danger-text)}.path-history-clear{width:100%;margin-top:6px;padding:4px;font-size:var(--font-size-2xs);font-family:inherit;background:transparent;border:1px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-muted);cursor:pointer}.path-history-clear:hover{border-color:var(--accent-danger);color:var(--danger-text)}.btn-default,.btn-primary,.btn-danger{min-height:var(--control-height-md);padding:0 var(--control-inline-padding);border-radius:var(--control-radius);cursor:pointer;font-family:var(--font-family)}.btn-default{flex:1;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);font-weight:var(--font-weight-medium)}.btn-default:hover,.btn-default:focus-visible{border-color:var(--border-strong);background:var(--btn-hover-bg);color:var(--text-bright);outline:none}.btn-default:focus-visible{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.btn-primary{border:1px solid var(--glow-accent-border);background:var(--btn-primary-bg);color:var(--text-bright);font-weight:var(--font-weight-semibold)}.btn-primary:hover,.btn-primary:focus-visible{border-color:var(--accent-primary);background:var(--btn-primary-hover);color:var(--text-bright);outline:none}.btn-primary:focus-visible{box-shadow:var(--focus-ring)}.btn-primary.full-width{flex:1;min-height:var(--control-height-lg);padding:0 12px;font-weight:var(--font-weight-bold)}.btn-danger{border:1px solid var(--danger-border);background:var(--input-bg);color:var(--danger-text);font-weight:var(--font-weight-semibold)}.btn-danger:hover,.btn-danger:focus-visible{border-color:var(--accent-danger);background:var(--danger-bg-hover);outline:none}.btn-danger:focus-visible{box-shadow:var(--focus-ring)}.btn-icon-default,.btn-icon-danger{background:transparent;border:1px solid transparent;border-radius:var(--radius-round);width:var(--icon-btn-md);height:var(--icon-btn-md);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:.72}.btn-icon-default{color:var(--text-muted)}.btn-icon-danger{color:var(--danger-text)}.btn-icon-default svg,.btn-icon-danger svg{width:16px;height:16px}.btn-icon-default:hover,.btn-icon-default:focus-visible{opacity:1;color:var(--text-bright);border-color:var(--border-faint);background:var(--fill-soft);outline:none}.btn-icon-default:focus-visible{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.btn-icon-default.btn-success-flash{color:var(--success-text);opacity:1}.btn-icon-danger:hover,.btn-icon-danger:focus-visible{opacity:1;color:var(--danger-text-hover);border-color:var(--danger-border);background:var(--danger-bg);outline:none}.btn-icon-danger:focus-visible{border-color:var(--accent-danger);box-shadow:var(--focus-ring)}body.light-mode .btn-icon-default:not(:disabled),body.light-mode .btn-icon-danger:not(:disabled){opacity:.86}body.light-mode .btn-icon-default:not(:disabled){color:var(--text-bright)}#bottomHud{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:20;transition:transform .35s ease}#playbackControls{--hud-edge-padding: 6px;--hud-edge-content-shift: 5px;--hud-mirror-column-width: 112px;--hud-stat-group-width: 72px;--hud-mode-matrix-width: 100px;--hud-mode-toggle-size: 26px;--hud-mode-toggle-icon-size: 16px;--hud-play-button-size: 60px;--hud-play-side-clearance: 4px;--hud-play-column-width: calc( var(--hud-play-button-size) + var(--hud-play-side-clearance) + var(--hud-play-side-clearance) );display:grid;grid-template-columns:var(--hud-mirror-column-width) var(--hud-mode-matrix-width) var(--hud-stat-group-width) var(--hud-play-column-width) var(--hud-stat-group-width) var(--hud-mode-matrix-width) var(--hud-mirror-column-width);align-items:center;justify-items:center;gap:4px;padding:6px var(--hud-edge-padding);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#playbackControls>.speed-column:first-child{transform:translate(var(--hud-edge-content-shift))}#playbackControls>.speed-column:last-child{transform:translate(calc(-1 * var(--hud-edge-content-shift)))}.timeline-controls{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:4px 10px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-controls[hidden]{display:none!important}.timeline-shuttle-btn{--timeline-shuttle-level: 0;--timeline-shuttle-thumb-width: 24px;--timeline-shuttle-thumb-half: 12px;--timeline-shuttle-track-span: calc(100% - var(--timeline-shuttle-thumb-width));--timeline-shuttle-arrow-width: 7px;--timeline-shuttle-arrow-gap: 1px;--timeline-shuttle-default-accent: var(--text-muted);display:block;width:99px;height:30px;padding:0 2px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-shuttle-btn:focus-visible{outline:none}.timeline-shuttle-rail{display:block;position:relative;width:100%;height:30px;pointer-events:none}.timeline-shuttle-rail:before{content:"";position:absolute;top:20px;left:var(--timeline-shuttle-thumb-half);right:var(--timeline-shuttle-thumb-half);height:1px;border-radius:var(--radius-pill);background:linear-gradient(to right,color-mix(in srgb,var(--text-bright) 72%,transparent) 0 1px,transparent 1px calc(25% - 1px),color-mix(in srgb,var(--text-bright) 72%,transparent) calc(25% - 1px) calc(25% + 1px),transparent calc(25% + 1px) calc(50% - 1px),color-mix(in srgb,var(--text-bright) 72%,transparent) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px) calc(75% - 1px),color-mix(in srgb,var(--text-bright) 72%,transparent) calc(75% - 1px) calc(75% + 1px),transparent calc(75% + 1px) calc(100% - 1px),color-mix(in srgb,var(--text-bright) 72%,transparent) calc(100% - 1px) 100%),color-mix(in srgb,var(--text-bright) 38%,transparent)}.timeline-shuttle-fill{position:absolute;top:20px;left:var(--timeline-shuttle-thumb-half);width:calc(var(--timeline-shuttle-level) * var(--timeline-shuttle-track-span));height:1px;border-radius:var(--radius-pill);background:var(--text-muted)}.timeline-shuttle-thumb{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;left:calc(var(--timeline-shuttle-level) * var(--timeline-shuttle-track-span));width:var(--timeline-shuttle-thumb-width);height:16px;border:1px solid var(--timeline-shuttle-default-accent);border-radius:5px;background:color-mix(in srgb,var(--panel-bg) 68%,transparent);color:var(--timeline-shuttle-default-accent);transform-origin:center;transition:left .08s ease-out,border-color var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.timeline-shuttle-btn:hover .timeline-shuttle-thumb,.timeline-shuttle-btn:focus-visible .timeline-shuttle-thumb{transform:scale(1.08)}.timeline-shuttle-icon{display:flex;align-items:center;justify-content:center;gap:var(--timeline-shuttle-arrow-gap)}.timeline-shuttle-icon span{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:var(--timeline-shuttle-arrow-width) solid currentColor}.timeline-shuttle-btn.is-reverse .timeline-shuttle-fill{left:auto;right:var(--timeline-shuttle-thumb-half)}.timeline-shuttle-btn.is-reverse .timeline-shuttle-thumb{left:calc((1 - var(--timeline-shuttle-level)) * var(--timeline-shuttle-track-span))}.timeline-shuttle-btn.is-reverse .timeline-shuttle-icon span{border-right:var(--timeline-shuttle-arrow-width) solid currentColor;border-left:0}.timeline-shuttle-marks{position:absolute;left:var(--timeline-shuttle-thumb-half);right:var(--timeline-shuttle-thumb-half);top:0;display:flex;justify-content:space-between;color:var(--text-muted);font-size:7px;font-weight:var(--font-weight-bold);line-height:1}.timeline-shuttle-marks span{display:flex;justify-content:center;width:0}.timeline-time-display{min-width:112px;text-align:center;color:var(--instrument-value-color);font-size:20px;font-weight:var(--font-weight-semibold);letter-spacing:.06em;line-height:1;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.timeline-time-display.is-editing{display:inline-flex;align-items:center;justify-content:center;gap:2px;-webkit-user-select:text;user-select:text}.timeline-time-part{display:inline-flex;align-items:center;justify-content:center;position:relative}.timeline-time-part-label{position:absolute;top:-5px;left:50%;color:color-mix(in srgb,var(--text-muted) 72%,transparent);font-size:7px;font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:1;text-transform:lowercase;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none}.timeline-time-input{--timeline-time-digits: 2;width:calc(var(--timeline-time-digits) * 1ch);min-width:2ch;padding:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 28%,transparent);border-radius:0;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:inherit;line-height:inherit;text-align:center;outline:none}.timeline-time-input:focus{border-bottom-color:var(--accent-primary)}.timeline-time-separator{color:inherit}.playback-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--btn-border);border-radius:var(--radius-round);background:var(--btn-bg);color:var(--text-muted);cursor:pointer;transition:background var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.playback-btn svg{width:20px;height:20px}.playback-btn:hover,.playback-btn:focus-visible{background:var(--btn-hover-bg);border-color:var(--border-strong);color:var(--text-bright);outline:none}body.light-mode .playback-btn:not(:disabled){color:var(--text-bright);opacity:1}.playback-btn:disabled{opacity:var(--icon-control-disabled-opacity);cursor:default;pointer-events:none}.playback-btn-ghost{background:transparent;border-color:transparent}.playback-btn-ghost:hover,.playback-btn-ghost:focus{background:transparent;color:var(--text-bright);border-color:var(--btn-border)}.playback-btn-ghost.active:hover,.playback-btn-ghost.active:focus{border-color:var(--accent-primary)}.pb-grid{display:flex;justify-content:center;gap:2px}.pb-grid .playback-btn{width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;flex:0 0 24px;border-radius:var(--radius-round)}.pb-grid .playback-btn svg{width:13px;height:13px}.hud-mode-matrix #recordBtn.recording-time,.hud-mode-matrix #recordBtn.recording-stop,.hud-mode-matrix #recordBtn.compiling{inline-size:var(--hud-mode-toggle-size);block-size:var(--hud-mode-toggle-size);min-inline-size:var(--hud-mode-toggle-size);max-inline-size:var(--hud-mode-toggle-size);min-block-size:var(--hud-mode-toggle-size);max-block-size:var(--hud-mode-toggle-size);aspect-ratio:1;border-radius:var(--radius-round);padding:0}.hud-mode-matrix #recordBtn.recording-stop svg{width:var(--hud-mode-toggle-icon-size);height:var(--hud-mode-toggle-icon-size)}.playback-btn-ghost.active{color:var(--text-bright);border-color:var(--accent-primary);border-radius:var(--radius-round);background:var(--btn-primary-bg)}.hud-mode-slot{display:flex;position:relative;align-items:center;justify-content:center;width:var(--hud-mode-toggle-size);min-width:var(--hud-mode-toggle-size);flex:0 0 var(--hud-mode-toggle-size);align-self:center}.hud-mode-matrix{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,var(--hud-mode-toggle-size));grid-template-rows:repeat(2,var(--hud-mode-toggle-size));gap:4px 2px;width:var(--hud-mode-matrix-width);min-width:var(--hud-mode-matrix-width);flex-basis:var(--hud-mode-matrix-width);padding:4px 8px;border-left:1px solid var(--border-faint);border-right:1px solid var(--border-faint)}.hud-mode-slot-time{transform:translate(-4px)}.hud-mode-slot-light{transform:translate(4px)}.hud-mode-slot-light #panelCodeBtn{grid-column:3;grid-row:2}.hud-mode-toggle{--toolbar-round-icon-size: var(--hud-mode-toggle-icon-size);display:grid;place-items:center;position:relative;z-index:1;width:var(--hud-mode-toggle-size);height:var(--hud-mode-toggle-size);margin:0;padding:0;border-color:var(--btn-border);background:transparent;color:var(--text-muted);line-height:0}.hud-icon-slot{display:contents}.hud-mode-matrix .hud-mode-toggle{--toolbar-round-icon-size: var(--hud-mode-toggle-icon-size);width:var(--hud-mode-toggle-size);height:var(--hud-mode-toggle-size)}.hud-mode-toggle svg{width:var(--toolbar-round-icon-size);height:var(--toolbar-round-icon-size)}.hud-mode-toggle:hover,.hud-mode-toggle:focus-visible{border-color:var(--btn-border);color:var(--text-bright)}.hud-mode-slot .hud-mode-toggle.active{border-color:currentcolor;color:var(--text-muted);background:transparent}.playback-btn-main{width:var(--hud-play-button-size);height:var(--hud-play-button-size);margin:0;border-width:1px;border-color:transparent;border-radius:var(--radius-round);background:var(--playback-surface-gradient) padding-box,var(--playback-ring-gradient) border-box;color:var(--text-muted);box-shadow:var(--shadow-playback-elevation),var(--shadow-playback-glow)}.playback-btn-main svg{width:24px;height:24px}.playback-btn-main:hover{background:var(--playback-surface-gradient) padding-box,var(--playback-ring-gradient) border-box;box-shadow:var(--shadow-playback-elevation),var(--shadow-playback-glow)}.playback-btn-main:focus-visible{background:var(--playback-surface-hover-gradient) padding-box,var(--playback-ring-gradient) border-box;box-shadow:var(--focus-ring),var(--shadow-playback-elevation),var(--shadow-playback-glow);outline:none}.playback-btn-main:active:not(:disabled){background:var(--playback-surface-pressed-gradient) padding-box,var(--playback-ring-gradient) border-box;box-shadow:var(--shadow-playback-inner-relief-pressed),var(--shadow-playback-glow);transform:scale(.98)}.speed-control,.core-speed-control{display:flex;align-items:center;justify-content:center;gap:0;width:min(var(--speed-inline-control-width),100%)}.speed-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),opacity var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease);opacity:.72}.speed-btn svg{width:18px;height:18px}.speed-btn:hover,.speed-btn:focus-visible{opacity:1;color:var(--text-bright);background:var(--fill-soft);outline:none}body.light-mode .speed-btn:not(:disabled){opacity:.86}.speed-value{font-size:var(--font-size-panel-title);font-weight:var(--font-weight-semibold);color:var(--instrument-value-color);min-width:36px;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:background .15s ease,transform .15s ease}.value-popup-trigger{cursor:pointer}.value-popup-anchor{position:relative}.value-popup{--value-popup-width: 264px;position:absolute;bottom:100%;left:50%;box-sizing:border-box;width:var(--value-popup-width);transform:translate(-50%);margin-bottom:8px;padding:6px 8px;display:flex;align-items:center;gap:4px;z-index:100;white-space:nowrap}.value-popup-slider-field{position:relative;min-width:0;flex:1 1 auto;padding-top:10px}.value-popup-slider-field input[type=range]{display:block;width:100%}.value-popup-range-scale{position:absolute;right:calc(var(--slider-thumb-width) / 2);top:0;left:calc(var(--slider-thumb-width) / 2);height:10px;color:var(--text-muted);font-size:var(--font-size-3xs);font-variant-numeric:tabular-nums;line-height:1;pointer-events:none}.value-popup-range-label{position:absolute;left:calc(var(--value-popup-marker-position) + var(--value-popup-marker-offset, 0px));margin:0;border:0;padding:0;color:inherit;background:transparent;font:inherit;line-height:inherit;cursor:pointer;pointer-events:auto;transform:translate(-50%)}.value-popup-range-label:hover,.value-popup-range-label:focus-visible{color:var(--text-bright);outline:none}.value-popup-range-label.is-start{transform:none}.value-popup-range-label.is-end{transform:translate(-100%)}.value-popup-range-tick{position:absolute;top:12px;left:var(--value-popup-marker-position);width:1px;height:8px;border-radius:var(--radius-pill);background:var(--text-muted);opacity:.72;transform:translate(-50%)}.value-popup-value{width:6ch;min-width:6ch;flex:0 0 6ch;text-align:center;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--text-bright)}.speed-column{--speed-inline-control-width: 84px;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:var(--hud-mirror-column-width);min-width:var(--hud-mirror-column-width);flex:0 0 var(--hud-mirror-column-width)}.speed-column .pb-grid{position:static;transform:none;width:max-content}.speed-sublabel{position:static;margin-bottom:1px;font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);line-height:1;white-space:nowrap;text-align:center}.speed-value:hover{background:var(--fill-visible)}.speed-value.core{min-width:32px}.speed-scope-control{position:relative;width:min(var(--speed-inline-control-width),100%)}.speed-scope-trigger{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;height:22px;padding:0 7px 0 9px;border:1px solid var(--border-faint);border-radius:var(--control-radius);background:color-mix(in srgb,var(--input-bg) 76%,transparent);color:var(--text-muted);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;cursor:pointer;transition:color var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease)}.speed-scope-trigger:hover,.speed-scope-trigger:focus-visible,.speed-scope-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent-primary) 58%,var(--border-faint));background:var(--fill-visible);color:var(--text-bright);outline:none}.speed-scope-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speed-scope-chevron{flex:0 0 auto;color:var(--text-muted);font-size:9px;transition:transform var(--control-duration) var(--control-ease)}.speed-scope-trigger[aria-expanded=true] .speed-scope-chevron{transform:rotate(180deg)}.speed-scope-list{--speed-scope-list-max-height: min(176px, 36vh);position:absolute;bottom:calc(100% + 7px);left:50%;display:grid;grid-template-rows:auto minmax(0,1fr);width:228px;max-height:var(--speed-scope-list-max-height);padding:4px;overflow:hidden;transform:translate(-50%);z-index:120}.speed-scope-list[hidden]{display:none}.speed-scope-list-header{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 4px 0 8px;border-bottom:1px solid var(--border-faint);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.speed-scope-options{display:grid;min-height:0;max-height:calc(var(--speed-scope-list-max-height) - 40px);overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.speed-scope-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:27px;padding:3px 8px;border:1px solid transparent;border-radius:var(--control-radius);background:transparent;color:var(--text-body);font:inherit;font-size:var(--font-size-xs);text-align:left;cursor:pointer}.speed-scope-option:hover,.speed-scope-option:focus-visible{background:var(--fill-visible);color:var(--text-bright);outline:none}.speed-scope-option.active{border-color:transparent;background:color-mix(in srgb,var(--accent-primary) 12%,var(--fill-faint));color:var(--text-bright);box-shadow:var(--shadow-inset-accent-left)}.speed-scope-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speed-scope-option-value{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.force-block{flex:1;min-width:0}.force-block.perf-section{flex:0 0 auto}.gravity-panel-content .force-block.perf-section{border-top:0;border-bottom:0;padding:8px 0}.gravity-panel-content .force-block.perf-section:first-child{border-top:1px solid var(--border-faint)}.gravity-panel-content .force-block.always-expanded,.gravity-panel-content .force-block.perf-toggle-section.active{border-bottom:1px solid var(--border-faint)}.gravity-panel-content .force-block.perf-toggle-section .perf-section-header{margin-bottom:0}.gravity-panel-content .force-block.perf-toggle-section.active .perf-section-header{margin-bottom:8px}.force-header{display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.force-label{font-size:var(--font-size-xs);font-weight:var(--section-heading-weight);color:var(--section-heading-color);text-transform:uppercase;letter-spacing:var(--section-heading-tracking);cursor:default;transition:color .2s}.force-label.perf-section-label,.force-label.perf-section-label:hover,.force-block.expanded .force-label.perf-section-label{color:var(--section-heading-color)}.force-label:not(.perf-section-label):hover{color:var(--text-bright)}.force-block.expanded .force-label:not(.perf-section-label){color:var(--text-bright)}.force-dot:not(.perf-section-switch){position:relative;width:var(--switch-track-width);height:var(--switch-track-height);border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--fill-soft);padding:0;cursor:pointer;transition:border-color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease);flex-shrink:0}.force-dot:not(.perf-section-switch):before{content:"";position:absolute;top:var(--switch-thumb-offset);left:var(--switch-thumb-offset);width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:var(--radius-round);background:var(--text-muted);transition:transform var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease)}.force-dot:not(.perf-section-switch):hover{border-color:var(--border-strong)}.force-dot:not(.perf-section-switch).active{background:var(--btn-primary-bg);border-color:var(--glow-accent-border)}.force-dot:not(.perf-section-switch).active:before{transform:translate(var(--switch-thumb-translate));background:var(--accent-primary)}#blackHoleDot:not(.perf-section-switch).active{background:var(--btn-primary-bg);border-color:var(--glow-accent-border)}.force-dot.perf-section-switch{border:none;background:transparent;border-radius:var(--radius-pill)}.force-dot.perf-section-switch.active{border:none;background:transparent}.force-dot.perf-section-switch.active .perf-section-switch-track{border-color:var(--glow-accent-border);background:var(--btn-primary-bg)}.force-dot.perf-section-switch.active .perf-section-switch-thumb{transform:translate(12px);background:var(--accent-primary)}.force-params{display:none;margin-top:0}.force-params .control:not(.perf-slider-row) label{font-weight:var(--font-weight-regular);font-size:var(--font-size-3xs)}.force-block.expanded .force-params{display:block}.force-control.perf-slider-row{gap:8px}.force-control .perf-slider-value{flex:0 0 48px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-align:right}.force-mode-rows{display:grid;gap:6px;margin:0 0 8px}.force-mode-row{display:flex;align-items:center;justify-content:space-between;min-height:22px;gap:10px}.force-mode-label{min-width:0;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2}.force-mode-row.active .force-mode-label{color:var(--text-bright)}.force-status{margin:-2px 0 6px;color:var(--text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:1.3}.force-status[data-status=active]{color:var(--accent-text)}.pb-stat-group{display:flex;flex-direction:column;align-items:center;gap:4px;width:var(--hud-stat-group-width);min-width:var(--hud-stat-group-width);flex:0 0 var(--hud-stat-group-width)}.pb-stat-btns{display:flex;gap:6px;margin-bottom:-6px}.pb-stat-btns .playback-btn{border-color:var(--render-family-control-outline);background:var(--render-family-control-surface);box-shadow:var(--shadow-render-family-raised);transition:background var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease),box-shadow var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.pb-stat-btns .playback-btn:is(:hover,:focus-visible){border-color:var(--render-family-control-outline);background:var(--render-family-control-surface);box-shadow:var(--shadow-render-family-raised);transform:translateY(-1px)}.pb-stat-btns .playback-btn:active:not(:disabled){background:var(--render-family-control-surface);box-shadow:var(--shadow-render-family-pressed);transform:scale(.97)}.stats-cell{--stats-cell-offset-y: -4px;--stats-status-color: var(--text-muted);position:relative;display:flex;flex-direction:column;align-items:center;gap:0;justify-content:center;width:calc(var(--hud-stat-group-width) - 12px);min-width:0;pointer-events:none;transform:translateY(var(--stats-cell-offset-y))}.stats-cell-interactive{appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;pointer-events:auto;cursor:pointer;transition:transform var(--control-duration) var(--control-ease)}.stats-cell-interactive:is(:hover,:focus-visible) .stats-label{color:var(--text-bright)}.stats-cell-interactive:focus-visible{outline:none}.stats-cell-interactive:focus-visible:before{box-shadow:var(--shadow-hud-stat-recessed),var(--focus-ring)}.stats-cell-interactive:active{transform:translateY(var(--stats-cell-offset-y)) scale(.98)}.stats-cell-bodies[data-metric=all] .stats-label{letter-spacing:var(--letter-spacing-ui)}.stats-cell:before{content:"";position:absolute;inset:-4px -6px;border:0;border-radius:var(--control-radius);background:color-mix(in srgb,var(--input-bg) 45%,var(--panel-bg) 55%);box-shadow:var(--shadow-hud-stat-recessed);pointer-events:none}.stats-cell>*{position:relative;z-index:1}.stats-cell:after{content:"";position:absolute;top:50%;left:-4px;width:2px;height:12px;border-radius:var(--radius-pill);background:var(--stats-status-color);box-shadow:calc(var(--hud-stat-group-width) - 6px) 0 0 var(--stats-status-color);opacity:.28;transform:translateY(-50%);transition:background var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard);pointer-events:none}.stats-cell[data-tone=warn]:after{--stats-status-color: var(--zone-warn);opacity:.72}.stats-cell[data-tone=ok]:after{--stats-status-color: var(--zone-ok);opacity:.72}.stats-cell[data-tone=crit]:after{--stats-status-color: var(--zone-crit);opacity:.82}.stats-value{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--instrument-value-color);font-variant-numeric:lining-nums tabular-nums;letter-spacing:var(--letter-spacing-tight);line-height:1}.stats-label{font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-muted);line-height:1.1}@media(max-width:402px){#bottomHud{width:min(402px,calc(100vw - 24px))}#playbackControls{--hud-mirror-column-width: 72px;--hud-stat-group-width: 64px;--hud-mode-matrix-width: 80px;--hud-mode-toggle-size: 22px;--hud-mode-toggle-icon-size: 14px;--hud-play-button-size: 54px;width:100%;gap:4px;padding:6px 10px;border-radius:var(--radius-pill)}.speed-column{width:var(--hud-mirror-column-width);min-width:var(--hud-mirror-column-width);flex-basis:var(--hud-mirror-column-width)}#playbackControls>.speed-column:first-child,#playbackControls>.speed-column:last-child{transform:none}.pb-stat-group{gap:3px}.stats-cell{--stats-cell-offset-y: -3px}.pb-stat-btns{gap:4px;margin-bottom:-5px}.playback-btn{width:30px;height:30px}.hud-mode-slot{width:var(--hud-mode-toggle-size);min-width:var(--hud-mode-toggle-size);flex-basis:var(--hud-mode-toggle-size)}.hud-mode-matrix{width:var(--hud-mode-matrix-width);min-width:var(--hud-mode-matrix-width);flex-basis:var(--hud-mode-matrix-width);padding:4px}.hud-mode-toggle,.hud-mode-matrix .hud-mode-toggle{--toolbar-round-icon-size: var(--hud-mode-toggle-icon-size);width:var(--hud-mode-toggle-size);height:var(--hud-mode-toggle-size)}.playback-btn svg{width:18px;height:18px}.pb-grid .playback-btn{width:22px;height:22px}.pb-grid .playback-btn svg{width:12px;height:12px}.playback-btn-main{width:var(--hud-play-button-size);height:var(--hud-play-button-size);margin:0}.playback-btn-main svg{width:22px;height:22px}.speed-btn{width:20px;height:20px}.speed-btn svg{width:16px;height:16px}.speed-value{min-width:32px;font-size:var(--font-size-lg);padding:1px 3px}.speed-value.core{min-width:28px}.speed-sublabel{top:-10px;font-size:var(--font-size-micro)}.stats-value{font-size:var(--font-size-base)}.stats-label{font-size:var(--font-size-micro);letter-spacing:.8px}}.history-list-dialog{width:min(460px,calc(100vw - 32px));min-width:min(320px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(680px,calc(100dvh - 32px));display:flex;flex-direction:column;overflow:hidden}.history-list-dialog .dialog-header,.history-list-dialog .dialog-footer{flex:0 0 auto}.history-list-dialog .dialog-body{min-height:0;flex:1 1 auto;overflow:hidden;margin-bottom:16px}.history-list-dialog .option-list{max-height:none;height:100%;overflow-x:hidden;overflow-y:auto;padding-right:2px}.history-list-dialog .option-item{display:flex;justify-content:space-between;align-items:center;min-width:0;width:100%;border:0;font-family:var(--font-family);text-align:left;box-sizing:border-box}.history-list-dialog .history-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-list-dialog .history-item-main{min-width:0;display:flex;align-items:center;gap:8px}.history-list-dialog .history-item-category{flex:0 0 auto;padding:1px 6px;border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.history-list-dialog .history-risk-high .history-item-category{border:1px solid var(--accent-primary);color:var(--accent-text)}.history-list-dialog .history-risk-medium .history-item-category{border:1px solid var(--panel-border);color:var(--text-bright)}.history-list-dialog .option-item .history-item-time{font-size:var(--font-size-2xs);color:var(--text-muted);margin-left:12px;flex-shrink:0}.history-list-dialog .option-item.current{border-left:3px solid var(--accent-primary)}.history-list-dialog .history-group{display:flex;flex-direction:column;gap:2px}.history-list-dialog .history-group-header:not(.selected){background:transparent}.history-list-dialog .history-group-main{min-width:0;display:flex;align-items:center;gap:8px}.history-list-dialog .history-group-toggle{width:10px;flex:0 0 10px;color:var(--text-muted);font-size:var(--font-size-2xs);transform-origin:center;transition:transform .15s ease}.history-list-dialog .history-group.expanded .history-group-toggle{transform:rotate(90deg)}.history-list-dialog .history-group-count{flex:0 0 auto;padding:1px 6px;border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold)}.history-list-dialog .history-group-items{display:none;flex-direction:column;gap:2px;padding-left:18px}.history-list-dialog .history-group.expanded .history-group-items{display:flex}.recovery-history-dialog{width:min(520px,calc(100vw - 32px))}.recovery-history-dialog .dialog-header{margin-bottom:8px}.recovery-history-dialog .dialog-title{font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-semibold)}.recovery-history-dialog .dialog-body{display:flex;flex-direction:column;gap:12px}.recovery-history-dialog .dialog-message{margin:0;color:var(--text-color);font-size:var(--font-size-sm);line-height:1.45}.recovery-history-label{display:block;color:var(--text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase}.recovery-history-list{display:flex;flex-direction:column;gap:0;width:100%;max-height:min(390px,46vh);padding:0;border:1px solid var(--border-faint);border-radius:var(--control-radius);background:var(--input-bg);overflow:auto}.recovery-history-option{display:flex;flex-direction:column;gap:4px;width:100%;padding:8px 12px;border:0;border-bottom:1px solid var(--border-faint);border-radius:0;background:transparent;color:var(--text-bright);font-family:var(--font-family);text-align:left;outline:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.recovery-history-option:last-child{border-bottom:0}.recovery-history-option:hover,.recovery-history-option:focus-visible{background:var(--btn-hover-bg)}.recovery-history-option.selected{background:var(--btn-bg);box-shadow:var(--shadow-inset-accent-left)}.recovery-option-title{min-width:0;color:var(--text-bright);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recovery-option-meta{color:var(--text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recovery-guidance{display:grid;grid-template-columns:auto 1fr;gap:8px;padding-top:4px;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4}.recovery-guidance-label{color:var(--text-color);font-weight:var(--font-weight-semibold)}.y-axis-overlay{position:fixed;width:1px;background:var(--accent-primary);opacity:.6;z-index:50;pointer-events:none;display:none}.y-axis-grid-dot{position:fixed;width:10px;height:10px;border-radius:var(--radius-round);background:var(--accent-primary);z-index:51;pointer-events:none;display:none}.y-axis-label{position:fixed;top:50%;padding:2px 8px;background:var(--panel-bg);border:1px solid var(--accent-primary);border-radius:var(--border-radius);color:var(--axis-label-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;z-index:51;pointer-events:none;display:none}.docs-overlay{display:none;position:fixed;inset:0;z-index:3000;background:var(--overlay-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center}.docs-overlay.visible{display:flex}.docs-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);width:min(640px,90vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.docs-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;border-bottom:1px solid var(--border-color)}.docs-tabs{display:flex;gap:0}.docs-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--font-size-base);font-family:inherit;padding:8px 16px;cursor:pointer;transition:color .15s,border-color .15s}.docs-tab:hover{color:var(--text-bright)}.docs-tab.active{color:var(--text-bright);font-weight:var(--font-weight-semibold);border-bottom-color:var(--accent-primary)}.docs-close{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-heading-xl);cursor:pointer;padding:4px 8px;line-height:1}.docs-close:hover{color:var(--text-bright)}.docs-body{padding:16px 20px;overflow-y:auto;font-size:var(--font-size-base);line-height:1.6;color:var(--text-color)}.docs-content{display:none}.docs-content.active{display:block}.docs-content h3{color:var(--text-bright);font-size:var(--font-size-lg);margin:16px 0 6px;font-weight:var(--font-weight-semibold)}.docs-content h3:first-child{margin-top:0}.docs-content p{margin:0 0 8px}.docs-content pre{background:var(--section-params-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px 12px;font-size:var(--font-size-sm);line-height:1.5;overflow-x:auto;margin:6px 0 12px;color:var(--text-bright)}.docs-shortcuts-table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:var(--font-size-base)}.docs-shortcuts-table th{text-align:left;color:var(--text-bright);font-weight:var(--font-weight-semibold);padding:6px 12px 6px 0;border-bottom:1px solid var(--border-color)}.docs-shortcuts-table td{padding:5px 12px 5px 0;border-bottom:1px solid var(--border-faint)}.docs-shortcuts-table td:first-child{color:var(--text-bright);white-space:nowrap;font-family:var(--font-mono, monospace);font-size:var(--font-size-sm)}.docs-killer-stat{text-align:center;font-size:var(--font-size-display-lg);font-weight:var(--font-weight-heavy);color:var(--accent-text);letter-spacing:0;line-height:1;margin:20px 0 4px}.docs-killer-unit{font-size:var(--font-size-relative-unit);font-weight:var(--font-weight-regular);color:var(--text-muted);margin-left:4px;vertical-align:super}.docs-killer-sub{text-align:center;font-size:var(--font-size-base);color:var(--text-color);margin:0 0 16px;opacity:.7}.code-overlay{display:none;position:fixed;inset:0;z-index:3000;background:var(--overlay-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center}.code-overlay.visible{display:flex}.code-panel{position:relative;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);width:min(700px,92vw);height:75vh;display:flex;flex-direction:column}.code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 0;border-bottom:1px solid var(--border-color)}.code-tabs{display:flex;gap:0;min-width:0;overflow-x:auto;scrollbar-width:none}.code-tabs::-webkit-scrollbar{display:none}.code-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--font-size-base);font-family:inherit;padding:8px 16px;flex:0 0 auto;cursor:pointer;transition:color .15s,border-color .15s}.code-tab:hover{color:var(--text-color)}.code-tab.active{color:var(--text-color);border-bottom-color:var(--accent-primary)}.code-body{overflow-y:auto;padding:0;flex:1;min-height:0}.code-content{display:none;padding:12px 16px}.code-content.active{display:block}.code-encoded-pre{font-family:var(--font-mono, "SF Mono", "Menlo", monospace);font-size:var(--font-size-sm);line-height:1.6;color:var(--text-bright);background:var(--section-params-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:12px;margin:0;word-break:break-all;white-space:pre-wrap;-webkit-user-select:all;user-select:all}.code-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 12px;border-top:1px solid var(--border-color)}.code-length{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);white-space:nowrap}.code-copy-btn{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:var(--font-size-sm);font-family:inherit;padding:5px 14px;cursor:pointer;transition:color .15s,border-color .15s}.code-copy-btn:hover{color:var(--text-bright);border-color:var(--text-secondary)}.code-copy-btn.copied{color:var(--accent-text);border-color:var(--accent-primary)}.code-decode-url-input{display:flex;gap:8px;margin-bottom:10px}.code-decode-url-input input{flex:1;padding:8px 10px;background:var(--section-params-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-bright);font-size:var(--font-size-base);font-family:inherit;outline:none}.code-decode-url-input input:focus{border-color:var(--accent-primary)}.code-decode-url-input button{padding:7px 16px;background:var(--accent-primary);border:none;border-radius:var(--border-radius);color:var(--button-on-accent-text);font-size:var(--font-size-base);font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer}.code-decode-url-input button:hover{opacity:.85}@media(max-width:620px){.code-header{padding-left:8px;padding-right:8px}.code-tab{padding-left:11px;padding-right:11px}}.import-overlay{display:none;position:fixed;inset:0;z-index:3000;background:var(--overlay-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center}.import-overlay.visible{display:flex}.import-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);width:min(340px,90vw)}.import-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.import-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-bright)}.import-body{padding:12px;display:flex;flex-direction:column;gap:6px}.import-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--border-radius);color:var(--text-muted);font-size:var(--font-size-base);font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.import-option:hover{background:var(--btn-hover-bg);border-color:var(--border-medium);color:var(--text-bright)}.import-option svg{flex-shrink:0;width:18px;height:18px}body.light-mode .docs-close,body.light-mode .dialog-close,body.light-mode .preset-picker-close,body.light-mode .preset-picker-action{color:var(--text-muted);opacity:1}body.light-mode .import-option{background:var(--btn-bg);border-color:var(--btn-border);color:var(--text-bright)}body.light-mode .import-option:hover,body.light-mode .import-option:focus{background:var(--btn-hover-bg);border-color:var(--border-strong);color:var(--text-bright);outline:none}#importUrlField{display:block;width:calc(100% - 20px);box-sizing:border-box;padding:8px 10px;margin:10px 10px 0;background:var(--section-params-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-bright);font-size:var(--font-size-base);font-family:inherit}#importUrlField,#importUrlField:focus,#importUrlField:focus-visible{outline:2px solid transparent;box-shadow:none}#importUrlField:focus{border-color:var(--accent-primary)}#importUrlHint{margin:6px 10px 0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.35}#importUrlSubmit{display:block;margin:10px;padding:7px 16px;background:var(--accent-primary);border:none;border-radius:var(--border-radius);color:var(--button-on-accent-text);font-size:var(--font-size-base);font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer}#importUrlSubmit:hover{opacity:.85}#importUrlError{color:var(--danger-text);font-size:var(--font-size-sm);margin:0 10px}.custom-color-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:24px;padding:0;border:1px solid var(--input-border);border-radius:var(--border-radius);background:var(--selected-color, var(--color-picker-default));cursor:pointer;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--control-inset-strong)}.custom-color-trigger:after{content:"";position:absolute;inset:2px;border-radius:var(--radius-sm);border:1px solid var(--border-inverse);pointer-events:none}.custom-color-trigger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.custom-color-picker-panel{position:fixed;z-index:1800;width:min(280px,calc(100vw - 16px));border:1px solid var(--panel-border);border-radius:var(--widget-radius);background:var(--panel-bg);color:var(--text-bright);box-shadow:var(--shadow-md);overflow:hidden}.custom-color-picker-panel[hidden]{display:none}.custom-color-picker-panel--embedded{position:static;z-index:auto;width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.custom-color-picker-panel--embedded .custom-color-picker-body{gap:5px;padding:0}.custom-color-picker-panel--embedded .custom-color-picker-sv{height:82px}.custom-color-picker-panel--embedded .custom-color-picker-swatches{gap:3px}.custom-color-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:6px 8px 6px 10px;border-bottom:1px solid var(--border-color)}.custom-color-picker-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);text-transform:uppercase;letter-spacing:0}.custom-color-picker-close{width:22px;height:22px;border:none;border-radius:var(--radius-round);background:transparent;color:var(--text-secondary);font-size:var(--font-size-2xl);line-height:1;cursor:pointer}.custom-color-picker-close:hover,.custom-color-picker-close:focus-visible{color:var(--text-bright);background:var(--fill-soft);outline:none}.custom-color-picker-body{display:grid;gap:7px;padding:9px 10px}.custom-color-picker-apply-target-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,1.55fr);align-items:center;gap:8px}.custom-color-picker-apply-target-row:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border:solid var(--text-muted);border-width:0 1.5px 1.5px 0;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.custom-color-picker-mode-tabs[hidden],.custom-color-picker-apply-target-row[hidden],.custom-color-picker-solid-body[hidden],.custom-color-picker-rainbow-body[hidden]{display:none}.custom-color-picker-mode-label,.custom-color-picker-rainbow-body .control-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.custom-color-picker-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px;border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg)}.custom-color-picker-mode-tab{min-width:0;height:28px;padding:0 8px;border:0;border-radius:calc(var(--control-radius) - 2px);background:transparent;color:var(--text-secondary);font:var(--font-weight-semibold) var(--font-size-xs)/1 var(--font-family);cursor:pointer}.custom-color-picker-mode-tab:hover{color:var(--text-bright);background:var(--fill-soft)}.custom-color-picker-mode-tab.selected{background:var(--fill-visible);color:var(--text-bright);box-shadow:inset 0 0 0 1px var(--border-strong)}.custom-color-picker-mode-tab:focus-visible{outline:1px solid var(--accent-primary);outline-offset:1px}.custom-color-picker-apply-target-select{appearance:none;width:100%;min-width:0;height:28px;padding:0 28px 0 8px;border:1px solid var(--input-border);border-radius:var(--control-radius);background-color:var(--input-bg);color:var(--text-bright);font:var(--font-weight-semibold) var(--font-size-xs)/1 var(--font-family);cursor:pointer}.custom-color-picker-apply-target-select:hover{border-color:var(--border-strong)}.custom-color-picker-apply-target-select:focus-visible{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.custom-color-picker-solid-body{display:grid;gap:7px}.custom-color-picker-rainbow-body{display:grid;gap:8px;min-height:64px}.custom-color-picker-rainbow-settings{min-width:0}.rainbow-settings-control{display:grid;gap:8px;width:100%}.rainbow-settings-section{display:grid;min-width:0;gap:8px}.rainbow-settings-control--picker .rainbow-settings-section{display:contents}.rainbow-settings-range-toolbar,.rainbow-settings-behavior,.rainbow-settings-behavior-column,.rainbow-settings-tuning{display:grid;min-width:0}.rainbow-settings-range-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.rainbow-settings-behavior,.rainbow-settings-behavior-column,.rainbow-settings-tuning{gap:6px}.rainbow-settings-tuning{padding-top:8px;border-top:1px solid var(--border-subtle)}.rainbow-setting-row{display:grid;grid-template-columns:80px minmax(0,1fr) 40px;align-items:center;gap:6px;min-height:28px;margin:0}.rainbow-setting-slider{width:100%;min-width:0;accent-color:var(--accent-primary)}.rainbow-setting-value{color:var(--text-bright);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;text-align:right}.rainbow-setting-select{grid-column:2 / 4;width:100%;min-width:0;height:28px;padding:0 8px;border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-bright);font:var(--font-weight-semibold) var(--font-size-xs)/1 var(--font-family)}.rainbow-settings-reset{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.rainbow-settings-reset svg{width:14px;height:14px}.rainbow-settings-control--picker .rainbow-settings-reset span,.rainbow-setting-row[hidden]{display:none}.custom-color-picker-rainbow-body .rainbow-range-control{display:grid;grid-template-areas:"label track";grid-template-columns:80px minmax(0,1fr);align-items:center;gap:6px;margin:0}.custom-color-picker-rainbow-body .control-label{grid-area:label}.custom-color-picker-rainbow-body .rainbow-range-track-wrap{position:relative;grid-area:track;min-width:0;height:28px}.custom-color-picker-rainbow-body .rainbow-range-track,.custom-color-picker-rainbow-body .rainbow-range-selection{position:absolute;inset:50% 0 auto;height:5px;border-radius:var(--radius-round);transform:translateY(-50%)}.custom-color-picker-rainbow-body .rainbow-range-track{background:var(--color-picker-hue-gradient);box-shadow:var(--shadow-control-inset)}.custom-color-picker-rainbow-body .rainbow-range-selection{right:auto;border:1px solid var(--border-strong);pointer-events:none}.custom-color-picker-rainbow-body .rainbow-range-input{position:absolute;inset:0;width:100%;height:28px;margin:0;background:transparent;pointer-events:none}.custom-color-picker-rainbow-body .rainbow-range-input::-webkit-slider-runnable-track{height:5px;background:transparent}.custom-color-picker-rainbow-body .rainbow-range-input::-moz-range-track{height:5px;border:0;background:transparent}.custom-color-picker-rainbow-body .rainbow-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-width);height:var(--slider-thumb-height);margin-top:calc((5px - var(--slider-thumb-height)) / 2);border:1px solid var(--panel-bg);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:none;pointer-events:auto}.custom-color-picker-rainbow-body .rainbow-range-input::-moz-range-thumb{width:var(--slider-thumb-width);height:var(--slider-thumb-height);border:1px solid var(--panel-bg);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:none;pointer-events:auto}.custom-color-picker-input-row{display:grid;grid-template-columns:28px 28px 1fr;align-items:center;gap:6px}.custom-color-picker-panel.no-eyedropper .custom-color-picker-input-row{grid-template-columns:28px 1fr}.custom-color-picker-sv{position:relative;height:112px;border:1px solid var(--input-border);border-radius:var(--control-radius);background:hsl(var(--picker-hue, 0),100%,50%);cursor:crosshair;overflow:hidden;touch-action:none}.custom-color-picker-sv:before,.custom-color-picker-sv:after{content:"";position:absolute;inset:0;pointer-events:none}.custom-color-picker-sv:before{background:linear-gradient(to right,var(--color-picker-light) 0%,var(--color-picker-light-transparent) 100%)}.custom-color-picker-sv:after{background:linear-gradient(to top,var(--color-picker-dark) 0%,var(--color-picker-dark-transparent) 100%)}.custom-color-picker-sv:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.custom-color-picker-sv-cursor{position:absolute;width:13px;height:13px;border:2px solid var(--color-picker-handle);border-radius:var(--radius-pill);box-shadow:0 0 0 1px var(--control-focus-shadow);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.custom-color-picker-eyedropper{width:28px;height:28px;border:1px solid var(--input-border);border-radius:var(--radius-round);background:var(--input-bg);color:var(--text-secondary);cursor:pointer}.custom-color-picker-eyedropper svg{width:16px;height:16px}.custom-color-picker-eyedropper:hover,.custom-color-picker-eyedropper:focus-visible{color:var(--text-bright);border-color:var(--border-strong);outline:none}.custom-color-picker-eyedropper:focus-visible{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.custom-color-picker-preview{width:28px;height:28px;border:1px solid var(--input-border);border-radius:var(--control-radius)}.custom-color-picker-hue-wrap{position:relative;height:18px}.custom-color-picker-hue-wrap:before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;border-radius:var(--radius-2xs);background:var(--color-picker-hue-gradient);box-shadow:var(--shadow-control-inset);transform:translateY(-50%);pointer-events:none}.custom-color-picker-hue{position:relative;z-index:1;width:100%;height:18px;margin:0;background:transparent;border-radius:var(--radius-2xs)}.custom-color-picker-hue::-webkit-slider-runnable-track{height:18px;border-radius:var(--radius-2xs);background:transparent!important}.custom-color-picker-hue::-moz-range-track{height:18px;border-radius:var(--radius-2xs);background:transparent!important;border:none}.custom-color-picker-hue::-webkit-slider-thumb{width:var(--slider-thumb-width);height:var(--slider-thumb-height);margin-top:2px;border:1px solid var(--panel-bg);border-radius:var(--slider-thumb-radius);background:var(--text-bright);box-shadow:none}.custom-color-picker-hue::-moz-range-thumb{width:var(--slider-thumb-width);height:var(--slider-thumb-height);border:1px solid var(--panel-bg);border-radius:var(--slider-thumb-radius);background:var(--text-bright);box-shadow:none}.custom-color-picker-hex{min-width:0;height:28px;padding:0 8px;border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-bright);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.custom-color-picker-swatches{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.custom-color-picker-swatch{width:100%;aspect-ratio:1;border:1px solid var(--border-faint);border-radius:var(--radius-2xs);cursor:pointer;box-shadow:none}.custom-color-picker-swatch:hover{border-color:var(--border-strong)}.custom-color-picker-swatch.selected{border-color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--panel-bg)}.custom-color-picker-actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 10px 9px;border-top:1px solid var(--border-color)}.custom-color-picker-actions button{min-width:62px;min-height:28px;border:1px solid var(--btn-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);cursor:pointer}.custom-color-picker-actions .custom-color-picker-apply{border-color:var(--accent-primary);background:var(--btn-primary-bg);color:var(--text-bright)}.custom-color-picker-actions button:hover,.custom-color-picker-actions button:focus-visible{color:var(--text-bright);border-color:var(--accent-primary);outline:none}.object-modal-overlay{position:fixed;inset:0;background:var(--overlay-heavy);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;justify-content:center;align-items:center;z-index:1000}.object-modal-overlay.visible{display:flex}.object-modal-overlay.context-menu{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.object-modal-overlay.context-menu .object-modal{pointer-events:auto;animation:contextMenuIn .15s ease-out}@keyframes contextMenuIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.object-modal{background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--frosted-blur));backdrop-filter:blur(var(--frosted-blur));border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);padding:16px;box-sizing:border-box;width:min(296px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:85vh;overflow-x:hidden;overflow-y:auto}.object-modal *{box-sizing:border-box}.object-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--panel-border);min-width:0}.object-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-bright);display:flex;align-items:center;gap:10px;min-width:0}.modal-scope-controls{display:grid;gap:8px;padding:4px 0 8px;border-bottom:1px solid var(--section-border);min-width:0}.modal-scope-controls .object-modal-type-control{padding:0}.modal-scope-controls .object-modal-field-label{font:var(--font-weight-regular) var(--font-size-xs)/1.2 var(--font-family)}.modal-apply-mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,1.4fr);align-items:center;gap:12px;padding:0;min-width:0}.modal-apply-mode-label{margin:0;min-width:0}.modal-apply-mode-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:4px;padding:2px;border:1px solid var(--border-color);border-radius:var(--control-radius);background:var(--fill-soft);width:100%;max-width:100%}.modal-apply-mode-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto;flex:0 0 auto}.modal-apply-mode-btn{border:0;border-radius:calc(var(--border-radius) - 2px);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--font-size-xs);line-height:1;padding:5px 7px;cursor:pointer;white-space:nowrap}.modal-apply-mode-btn:hover{color:var(--text-bright)}.modal-apply-mode-btn.active{background:var(--btn-primary-bg);color:var(--text-bright)}.object-modal-title .color-dot{width:16px;height:16px;border-radius:var(--radius-round);border:2px solid var(--input-border)}.object-modal-close{background:transparent;border:none;color:var(--text-muted);font-size:var(--font-size-heading-md);cursor:pointer;padding:4px 8px;border-radius:var(--border-radius)}.object-modal-close:hover,.object-modal-close:focus-visible{background:var(--btn-bg);color:var(--text-bright);outline:none}.object-modal-body{display:grid;gap:8px;min-width:0}.object-modal-section{padding:10px 0 0}.object-modal-section:first-child{padding-top:0;border-top:none}.object-modal-section-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0}.object-modal-section-actions{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;flex:1 1 auto;min-width:0}.object-modal-orbit-alignment-row{display:grid;grid-template-columns:74px minmax(72px,1fr) 72px;align-items:center;gap:6px;padding:2px 0 0;min-width:0}.object-modal-orbit-alignment-label{min-width:0;color:var(--text-bright);font-size:var(--font-size-sm);line-height:1}.object-modal-orbit-alignment-controls{grid-column:2 / 4;display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:stretch;gap:var(--space-2);width:100%;min-width:0}.object-modal-orbit-alignment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.object-modal-orbit-alignment-option{font-size:var(--font-size-xs)}.object-modal-orbit-alignment-controls .orbit-style-flatten-toggle{width:100%;height:var(--control-height-sm);border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--input-bg);color:var(--text-muted);opacity:1;gap:4px;font:inherit;font-size:var(--font-size-2xs)}.object-modal-orbit-alignment-controls .orbit-style-flatten-toggle svg{flex:0 0 13px}.object-modal-orbit-alignment-controls .orbit-style-flatten-toggle:hover{background:var(--fill-soft);color:var(--text-bright)}.object-modal-orbit-alignment-controls .orbit-style-flatten-toggle.active{border-color:var(--accent-primary);background:var(--fill-visible);color:var(--text-bright)}.object-modal-orbit-alignment-controls .orbit-style-flatten-toggle:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--accent-primary)}.object-modal-orbit-shape-controls,.object-modal-orbit-custom-shape{display:grid;gap:var(--space-3);min-width:0}.object-modal-orbit-dimension{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.object-modal-orbit-dimension-option{font-size:var(--font-size-xs)}.object-modal-orbit-shape-grid[hidden],.object-modal-orbit-custom-shape[hidden]{display:none!important}.object-modal-orbit-custom-shape{padding-top:var(--space-4);border-top:1px solid var(--section-border)}.object-modal-orbit-custom-actions{display:flex;justify-content:flex-end;gap:var(--space-2);min-width:0}.object-modal-orbit-custom-reset{flex:0 0 auto;width:auto}.object-modal-section-title{font-size:var(--font-size-base);font-weight:var(--section-heading-weight);color:var(--section-heading-color);text-transform:uppercase;letter-spacing:var(--section-heading-tracking);margin-bottom:6px}.object-modal-section-header .object-modal-section-title{flex:0 1 auto;min-width:0;margin-bottom:0}.object-modal-section-content{display:grid;gap:12px;margin-top:12px;min-width:0}.object-modal-subsection{min-width:0;border:1px solid color-mix(in srgb,var(--panel-border) 82%,transparent);border-radius:var(--border-radius);background:color-mix(in srgb,var(--section-bg) 80%,transparent);overflow:hidden}.object-modal-subsection-header{-webkit-appearance:none;appearance:none;width:100%;min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:0;background:color-mix(in srgb,var(--input-bg) 56%,transparent);color:var(--text-muted);font:var(--font-weight-semibold) .68rem/1 var(--font-family);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.object-modal-subsection-header:hover,.object-modal-subsection-header:focus-visible{color:var(--text-bright);outline:none}.object-modal-subsection-header:focus-visible{box-shadow:inset 0 0 0 1px var(--accent-primary)}.object-modal-subsection-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-modal-subsection-chevron{width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .16s ease;flex:0 0 auto;opacity:.78}.object-modal-subsection.collapsed .object-modal-subsection-chevron{transform:rotate(-45deg)}.object-modal-subsection-content{display:grid;gap:6px;padding:8px;min-width:0}.object-modal-subsection-content[hidden]{display:none!important}.object-modal-subsection-mock .object-modal-subsection-header{color:color-mix(in srgb,var(--text-muted) 82%,transparent)}.object-modal-subsection-placeholder{color:var(--text-muted);font-size:var(--font-size-caption);line-height:1.35;opacity:.8}.object-modal-section-tabs-wrap{display:grid;gap:8px;min-width:0}.object-modal-section-tabs{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.object-modal-tab-item{display:inline-grid;grid-template-columns:auto 18px;align-items:center;gap:4px;flex:0 1 auto;min-width:0;border-bottom:2px solid transparent;transition:border-color .15s ease}.object-modal-tab-item.active{border-bottom-color:var(--accent-primary)}.object-modal-tab-actions{display:inline-flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:0;min-width:0}.object-modal-tab-actions .object-modal-section-visibility{width:18px;height:18px;padding:2px;flex-basis:18px}.object-modal-tab-actions .object-modal-section-visibility svg{width:14px;height:14px}.object-modal-tab-btn{min-width:0;border:0;border-radius:0;background:transparent;color:var(--text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;text-transform:uppercase;width:auto;padding:10px 0;white-space:nowrap;cursor:pointer;transition:color .15s ease,border-color .15s ease}.object-modal-tab-btn:hover,.object-modal-tab-btn:focus-visible{color:var(--text-bright)}.object-modal-tab-btn.active{color:var(--text-bright)}.object-modal-tab-panels{display:block;min-width:0}.object-modal-tab-panel{min-width:0}.object-modal-field-label{display:block;color:var(--text-bright);font:var(--font-weight-semibold) var(--font-size-sm)/1.2 var(--font-family);min-width:0;margin-bottom:8px}.object-modal-type-control,.object-modal-color-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,1.4fr);gap:12px;align-items:center;min-width:0;padding:2px 0;margin:0;border:0}.object-modal-type-control .object-modal-field-label,.object-modal-color-control .object-modal-field-label{margin:0}.object-modal-visualization-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}.object-modal-visualization-controls>.object-modal-type-control{grid-template-columns:auto minmax(92px,1fr);gap:8px}.object-modal-visualization-controls>.object-modal-color-control{grid-template-columns:auto 36px;gap:8px}.object-modal-rendering-toggle{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.object-modal-rendering-toggle:after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;opacity:.72;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}.object-modal-rendering-toggle[aria-expanded=true]:after{transform:translateY(1px) rotate(225deg)}.object-modal-rendering-toggle:hover,.object-modal-rendering-toggle:focus-visible{color:var(--text-bright);outline:none}.object-modal-rendering-toggle:focus-visible{box-shadow:var(--focus-ring)}.object-modal-rendering-toggle:disabled{cursor:default}.object-modal-rendering-toggle:not(.has-settings):after{display:none}.object-modal-rendering-settings{display:grid;gap:8px;min-width:0}.object-modal-rendering-settings[hidden]{display:none!important}.object-modal-color-control-slot{display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:28px}.object-primitive-library,.orbit-style-picker-grid.object-modal-orbit-shape-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-3);width:100%;min-width:0;box-sizing:border-box}:is(.object-primitive-library,.object-modal-orbit-shape-grid) :is(.object-primitive-option,.orbit-style-option){width:100%;min-width:0;min-height:0;aspect-ratio:1;padding:var(--space-2)}:is(.object-primitive-library,.object-modal-orbit-shape-grid) :is(.object-primitive-option svg,.orbit-style-option-icon,.orbit-style-option svg){width:18px;height:18px}.object-primitive-option{min-width:0;border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.object-primitive-option:hover,.object-primitive-option:focus-visible{border-color:var(--accent-primary);color:var(--text-bright);outline:none}.object-primitive-option.selected{border-color:var(--accent-primary);background:var(--btn-primary-bg);color:var(--accent-text)}.object-modal-texture-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:8px;align-items:center;min-width:0;margin-bottom:14px}.object-modal-texture-upload-label{grid-column:1;grid-row:1;margin-bottom:0}.object-modal-texture-upload-toggle-slot{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;min-width:var(--switch-track-width);min-height:var(--switch-track-height)}.object-modal-texture-upload-row{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:6px;min-width:0}.object-modal-secondary-action{width:100%;flex:1 1 auto}.object-modal-texture-upload-status{flex:1 1 auto;min-width:0;height:30px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--input-border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text-bright);font:var(--font-weight-semibold) var(--font-size-xs)/1 var(--font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-modal-texture-upload.is-loading .object-modal-texture-upload-status{color:var(--text-muted)}.object-modal-texture-remove-btn{flex:0 0 72px;width:72px}.object-select-control{position:relative;width:100%;min-width:0}.object-effects-select-control:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border:solid var(--text-muted);border-width:0 1.5px 1.5px 0;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.object-effects-branch-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;min-width:0}.object-modal-effects-label{display:block}.object-effects-branch-toggle{position:relative;min-height:30px;padding:6px 8px;border:1px solid var(--input-border);border-radius:var(--border-radius);background:var(--btn-bg);color:var(--text-muted);font:var(--font-weight-semibold) var(--font-size-xs)/1 var(--font-family);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.object-effects-branch-toggle:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border:1px solid color-mix(in srgb,var(--accent-primary) 78%,var(--text-muted));border-radius:50%;background:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--panel-bg) 70%,transparent);pointer-events:none}.object-effects-branch-toggle.effect-active:after{background:var(--accent-primary);box-shadow:0 0 5px color-mix(in srgb,var(--accent-primary) 70%,transparent)}.object-effects-branch-toggle-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.object-effects-branch-toggle:hover,.object-effects-branch-toggle:focus-visible{border-color:var(--accent-primary);background:var(--btn-hover-bg);color:var(--text-bright);outline:none}.object-effects-branch-toggle.selected{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 20%,var(--input-bg));color:var(--text-bright);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 28%,transparent)}.object-modal-effects-branches{display:grid;gap:8px;margin:0}.object-modal-effects-branch{display:grid;gap:8px;padding:0;border:0;border-radius:0;background:transparent}.object-effects-category-tabs{display:flex;gap:5px;min-width:0;overflow-x:auto;padding:0 0 2px;scrollbar-width:thin}.object-effects-category-tab{flex:0 0 auto;min-height:25px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--input-border) 82%,transparent);border-radius:999px;background:color-mix(in srgb,var(--input-bg) 84%,transparent);color:var(--text-muted);font:var(--font-weight-semibold) .66rem/1 var(--font-family);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;white-space:nowrap}.object-effects-category-tab:hover,.object-effects-category-tab:focus-visible{border-color:var(--accent-primary);color:var(--text-bright);outline:none}.object-effects-category-tab.selected{border-color:color-mix(in srgb,var(--accent-primary) 72%,var(--input-border));background:color-mix(in srgb,var(--accent-primary) 22%,var(--input-bg));color:var(--text-bright);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 22%,transparent)}.object-modal .object-effects-select{width:100%;min-height:30px;padding:6px 28px 6px 8px;border:1px solid var(--input-border);border-radius:var(--border-radius);appearance:none;background:var(--input-bg);color:var(--text-bright);font:.75rem/1.2 var(--font-family);cursor:pointer}.object-modal .object-effects-select:hover,.object-modal .object-effects-select:focus-visible{border-color:var(--accent-primary);background:var(--input-bg);outline:none}.object-modal-effects-controls{display:grid;gap:8px;padding:2px 0 0}.object-modal-effects-control-group{display:grid;gap:6px;padding:2px 0 0;border:0;border-radius:0;background:transparent}.object-modal-effects-control-group-deformation{border-color:transparent;background:transparent}.object-modal-effects-control-group-title{margin:0 0 1px;color:var(--text-muted);font:var(--font-weight-semibold) .66rem/1 var(--font-family);letter-spacing:.06em;text-transform:uppercase}.object-modal-color-control .vis-color-picker{width:36px;height:24px;padding:0;border:1px solid var(--input-border);border-radius:var(--border-radius);background:var(--selected-color, var(--color-picker-default));background-clip:padding-box;cursor:pointer;flex:0 0 36px;overflow:hidden}.object-modal-color-control .vis-color-picker[data-color-mode=rainbow]{background-color:transparent;background-image:var(--color-picker-rainbow-orb-gradient)}.object-sdf-builder-group{display:grid;gap:8px;min-width:0;padding:8px 0}.object-sdf-builder-group+.object-sdf-builder-group{border-top:1px solid var(--input-border)}.object-sdf-builder-heading{margin:0;color:var(--text-muted);font-size:var(--font-size-caption);font-weight:700;letter-spacing:0;text-transform:uppercase}.object-sdf-generator-actions,.object-sdf-graph-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.object-sdf-graph-actions .object-effects-select{min-width:0;flex:1 1 auto}.object-sdf-generator-actions .object-sdf-random-btn{appearance:none;-webkit-appearance:none;flex:0 0 auto;min-width:76px;height:28px;padding:0 10px;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--text-muted);font:var(--font-weight-semibold) var(--font-size-caption)/1 var(--font-family);letter-spacing:0;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.object-sdf-generator-actions .object-sdf-random-btn:hover,.object-sdf-generator-actions .object-sdf-random-btn:focus-visible{background:var(--btn-hover-bg);border-color:var(--btn-border);color:var(--text-bright)}.object-sdf-node{margin:0;border-radius:var(--radius-sm)}.object-sdf-operation-select{width:min(132px,42%);min-width:0}.object-sdf-node-add,.object-sdf-node-remove{width:28px;height:28px;flex:0 0 28px}.object-modal-connection-toggle{width:20px;height:20px;border-radius:var(--radius-round);flex:0 0 20px}.object-modal-connection-toggle svg,.object-modal-body-particles-toggle svg{width:13px;height:13px}.object-modal-body-particles-toggle{width:20px;height:20px;border-radius:var(--radius-round);flex:0 0 20px}.object-modal-control-note{margin-top:6px;color:var(--text-muted);font-size:var(--font-size-caption);line-height:1.35;opacity:.78}.object-modal-section-visibility{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;margin:0;border:0;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);cursor:pointer;flex:0 0 24px;transition:background .15s ease,color .15s ease,opacity .15s ease}.object-modal-section-visibility svg{width:16px;height:16px;pointer-events:none}.object-modal-section-visibility:hover{background:var(--btn-hover-bg);color:var(--text-bright)}.object-modal-section-visibility.is-visible{color:var(--text-secondary)}.object-modal-section-visibility.mixed{color:var(--text-secondary);background:var(--control-active-surface)}.object-modal-section-visibility:focus-visible,.object-modal-color-control .vis-color-picker:focus-visible{outline:none;box-shadow:var(--focus-ring)}.object-modal .control.control-inline{display:grid;grid-template-columns:74px minmax(72px,1fr) 72px;gap:6px;min-width:0}.object-modal .control.control-inline .control-label{min-width:0;max-width:none}.object-modal-core-position-control{padding-top:2px}.core-position-inline-field{justify-content:center}.core-position-inline-axis{color:var(--text-muted);text-transform:uppercase}.core-position-inline-input{-moz-appearance:textfield;appearance:textfield;width:5ch}.core-position-inline-input::-webkit-outer-spin-button,.core-position-inline-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.modal-time-period-control{grid-template-columns:74px minmax(0,1fr)}.modal-time-period-fields{display:grid;grid-template-columns:repeat(3,minmax(50px,1fr));align-items:center;gap:7px;width:100%;min-width:0}.modal-time-period-field{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:26px;padding:0 8px;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.modal-time-period-field:focus-within{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.modal-time-period-input{width:3ch;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--text-bright);font:var(--font-weight-semibold) var(--font-size-xs)/1 var(--font-family-mono);text-align:right}.modal-time-period-unit{flex:0 0 auto;color:var(--text-muted);line-height:1;text-transform:lowercase}.object-modal-core-direction-control{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:3px 0}.core-direction-buttons{display:flex;align-items:center;gap:7px;min-width:0;width:100%;flex-wrap:nowrap}.core-direction-axis-group{display:inline-flex;align-items:center;justify-content:flex-start;gap:1px;min-width:0;height:18px;flex:0 0 auto}.core-direction-axis-group-separated{position:relative;margin-left:2px;padding-left:7px}.core-direction-axis-group-separated:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--border-soft);opacity:.75}.core-direction-axis-label{min-width:15px;color:var(--text-bright);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;text-align:center;opacity:1}.core-direction-btn{width:20px;min-width:20px;height:20px;flex:0 0 20px;box-sizing:border-box;border-color:transparent;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:color var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),background var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.core-direction-btn:hover,.core-direction-btn:focus-visible{border-color:var(--border-color);background:var(--fill-soft);color:var(--text-bright)}.core-direction-btn svg{width:1em;height:1em;display:block;flex:0 0 auto}.core-direction-btn.active{border:1px solid var(--accent-primary);color:var(--text-bright);background:var(--btn-primary-bg)}.object-modal .control.control-inline .slider-value-wrap{width:72px;min-width:0}.object-modal .slider-value-arrow{min-width:20px;padding:0 4px}.object-modal .slider-value-input{width:40px;min-width:0}#modalOrbitStylePickerPanel{z-index:1201}.object-modal-footer{display:flex;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--section-border)}.object-modal-footer .btn-primary{flex:1;padding:10px;font-weight:var(--font-weight-bold)}.object-modal-footer .btn-danger{padding:10px 16px;flex:1}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000}.dialog-overlay.visible{display:flex}.dialog-box{box-sizing:border-box;width:min(360px,calc(100vw - 32px));min-width:0;max-width:calc(100vw - 32px);padding:16px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);animation:dialogIn .2s ease-out}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}@keyframes dialogIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dialog-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-bright);margin:0}.dialog-close{width:28px;height:28px;flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);font:var(--font-weight-bold) var(--font-size-heading-md)/1 var(--font-family);cursor:pointer;transition:background var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),color var(--control-duration) var(--control-ease)}.dialog-close:hover,.dialog-close:focus-visible{background:var(--btn-hover-bg);border-color:var(--btn-border);color:var(--text-bright);outline:none}.dialog-body{margin-bottom:16px;color:var(--text-color);font-size:var(--font-size-base)}.dialog-body input[type=text]{width:100%;padding:10px 12px;border-radius:var(--control-radius);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-bright);font-size:var(--font-size-lg);font-family:var(--font-family);outline:none;box-sizing:border-box;transition:border-color .2s}.dialog-body input[type=text]:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.dialog-body .dialog-message{line-height:1.5}.dialog-notice{border:1px solid var(--panel-border);border-radius:var(--border-radius);padding:10px 12px;background:var(--btn-bg)}.dialog-notice-warning{border-color:var(--glow-accent-border);background:var(--btn-primary-bg)}.dialog-notice-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-bright);margin-bottom:6px}.dialog-notice-text{font-size:var(--font-size-sm);line-height:1.45;color:var(--text-muted)}.dialog-overlay-elevated{z-index:10002}.dialog-box-compact{max-width:340px}.dialog-body-scroll{max-height:300px;overflow-y:auto}.dialog-group-label{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:8px 0 4px;margin-top:4px}.dialog-list-item{padding:6px 10px;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.dialog-list-item:hover{background:var(--btn-hover-bg)}.dialog-empty-note{padding:16px;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.dialog-footer{display:flex;gap:8px;justify-content:flex-end}.dialog-btn{flex:0 0 auto;min-width:88px;min-height:var(--control-height-md);padding:0 12px;border-radius:var(--control-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-family);transition:background var(--control-duration) var(--control-ease),border-color var(--control-duration) var(--control-ease),transform var(--control-duration) var(--control-ease)}.dialog-footer .btn-default{flex:0 0 auto;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-color)}.dialog-footer .btn-default:hover,.dialog-footer .btn-default:focus-visible{background:var(--btn-hover-bg);color:var(--text-bright);outline:none}.dialog-footer .btn-primary{background:var(--btn-primary-bg);border:1px solid var(--glow-accent-border);color:var(--text-bright)}.dialog-footer .btn-primary:hover,.dialog-footer .btn-primary:focus-visible{border-color:var(--accent-primary);background:var(--btn-primary-hover);outline:none}.dialog-footer .btn-danger{background:var(--danger-bg);border:1px solid var(--accent-danger);color:var(--danger-text)}.dialog-footer .btn-danger:hover,.dialog-footer .btn-danger:focus-visible{background:var(--danger-bg-hover);outline:none}.vis-color-picker{width:36px;height:24px;padding:0;border:1px solid var(--input-border);border-radius:var(--border-radius);background:var(--selected-color, var(--color-picker-default));cursor:pointer;flex-shrink:0}.vis-color-picker::-webkit-color-swatch-wrapper{padding:2px}.vis-color-picker::-webkit-color-swatch{border:none;border-radius:var(--radius-2xs)}.signout-profile{display:flex;align-items:center;gap:12px;padding:8px 0}.signout-avatar{width:48px;height:48px;border-radius:var(--radius-round);border:2px solid var(--border-color);flex-shrink:0}.signout-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-bright)}.signout-email{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.terms-overlay{z-index:1100;background:var(--overlay-heavy);transition:opacity .3s ease}.terms-overlay.fade-out{opacity:0}.terms-box{box-sizing:border-box;width:clamp(480px,52vw,680px);min-width:0;max-width:calc((100vw - var(--app-safe-left) - var(--app-safe-right) - 32px) / var(--ui-zoom, 1));max-height:calc((100dvh - var(--app-safe-top) - var(--app-safe-bottom) - 48px) / var(--ui-zoom, 1));padding:0;display:flex;flex-direction:column}.terms-header{padding:14px 16px 10px;font-size:1rem;border-bottom:1px solid var(--section-border);flex-shrink:0}.terms-body{margin:0;padding:10px 16px;overflow-y:auto;flex:1;font-size:.8125rem;line-height:1.45}.terms-body h2{font-size:.9375rem;color:var(--accent-text);margin:14px 0 7px}.terms-body h2:first-child{margin-top:2px}.terms-body h3{font-size:.8125rem;color:var(--text-bright);margin:10px 0 4px}.terms-body :is(p,ul){margin:0 0 5px}.terms-body ul{padding-left:18px}.terms-body li{margin-bottom:2px}.terms-body a{color:var(--accent-text);text-decoration:none}.terms-body a:hover{text-decoration:underline}.terms-footer{padding:10px 16px;border-top:1px solid var(--section-border);flex-shrink:0}.terms-footer .dialog-btn{min-width:120px}.terms-footer .dialog-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.terms-box{width:calc((100vw - var(--app-safe-left) - var(--app-safe-right) - 20px) / var(--ui-zoom, 1));max-width:calc((100vw - var(--app-safe-left) - var(--app-safe-right) - 20px) / var(--ui-zoom, 1));max-height:calc((100dvh - var(--app-safe-top) - var(--app-safe-bottom) - 20px) / var(--ui-zoom, 1))}.terms-header{padding:12px 12px 8px}.terms-body,.terms-footer{padding:8px 12px}}