:root{--accent-color: #FF5613;--accent-color-hover: #e04d11;--accent-color-light: #ff7a45;--accent-color-rgb: 255, 86, 19}:root.light{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f3f4f6;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-inverse: #ffffff;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: var(--accent-color);--interactive-primary: var(--accent-color);--interactive-primary-hover: var(--accent-color-hover);--interactive-secondary: #6b7280;--interactive-secondary-hover: #374151;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: var(--accent-color);--status-error-bg: #fef2f2;--status-info-bg: rgba(var(--accent-color-rgb), .1);--status-success-bg: #f0fdf4;--status-warning-bg: #fefce8;--danger-bg: #fef2f2;--danger-border: #fca5a5;--danger-text: #dc2626;--danger-hover-bg: #fef2f2;--danger-hover-border: #f87171;--shadow-small: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-medium: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-large: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--editor-scene-bg: #f5f5f5;--editor-controls-bg: #f8f9fa;--editor-panel-bg: #ffffff;--waveform-color: var(--text-primary)}:root.dark{--bg-primary: #1f1f1f;--bg-secondary: #2d2d2d;--bg-tertiary: #252525;--bg-elevated: #2d2d2d;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-inverse: #111827;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .08);--border-focus: var(--accent-color);--interactive-primary: var(--accent-color);--interactive-primary-hover: var(--accent-color-light);--interactive-secondary: #9ca3af;--interactive-secondary-hover: #d1d5db;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: var(--accent-color);--status-error-bg: rgba(239, 68, 68, .1);--status-info-bg: rgba(var(--accent-color-rgb), .1);--status-success-bg: rgba(16, 185, 129, .1);--status-warning-bg: rgba(245, 158, 11, .1);--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .3);--danger-text: #f87171;--danger-hover-bg: rgba(239, 68, 68, .2);--danger-hover-border: rgba(239, 68, 68, .5);--shadow-small: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-medium: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-large: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--editor-scene-bg: #2d2d2d;--editor-controls-bg: #1e1e1e;--editor-panel-bg: #252525;--waveform-color: var(--text-primary)}:root{--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--rounded-sm: .125rem;--rounded: .25rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-primary);color:var(--text-primary);background-color:var(--bg-primary);transition:color .2s ease,background-color .2s ease}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--rounded-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.btn:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #ff56131a}.btn-primary{background:var(--interactive-primary);color:var(--text-inverse);border-color:var(--interactive-primary)}.btn-primary:hover{background:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--rounded);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.icon-btn.active{background:#ff561326;border-color:#ff561380;color:var(--interactive-primary)}.card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--rounded-lg);box-shadow:var(--shadow-small)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--rounded-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);transition:all .15s ease}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #ff56131a}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border-primary);border-radius:var(--rounded-sm);background:var(--bg-primary);cursor:pointer;position:relative;transition:all .15s ease}input[type=checkbox]:hover{border-color:var(--border-secondary)}input[type=checkbox]:checked{background:var(--interactive-primary);border-color:var(--interactive-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}.theme-switcher.svelte-1wbnd33{display:inline-flex;align-items:center;gap:.5rem;border:1px solid;border-radius:.375rem;background:transparent;cursor:pointer;transition:all .15s ease;font-size:.875rem;font-weight:500}.light .theme-switcher.svelte-1wbnd33{border-color:#d1d5db;color:#6b7280}.light .theme-switcher.svelte-1wbnd33:hover{border-color:#9ca3af;color:#374151;background:#f9fafb}.dark .theme-switcher.svelte-1wbnd33{border-color:#fff3;color:#d1d5db}.dark .theme-switcher.svelte-1wbnd33:hover{border-color:#ffffff4d;color:#f3f4f6;background:#ffffff0d}.theme-label.svelte-1wbnd33{white-space:nowrap}