:root,.dark-theme,[data-theme=dark]{--bg-app: #000000;--bg-sidebar: #080808;--bg-surface: #0E0E0E;--bg-surface-elevated: #161616;--bg-card: #0D0D0D;--bg-card-hover: #171717;--bg-input: #0A0A0A;--border-subtle: #222222;--border-light: #2E2E2E;--border-focus: #FFFFFF;--border-accent-glow: rgba(255, 255, 255, .18);--primary: #FFFFFF;--primary-hover: #E5E5E5;--primary-text: #000000;--primary-glow: rgba(255, 255, 255, .08);--secondary: #171717;--secondary-hover: #222222;--secondary-text: #FFFFFF;--accent-cyan: #FFFFFF;--accent-cyan-glow: rgba(255, 255, 255, .15);--accent-violet: #E5E5E5;--accent-amber: #E5E5E5;--accent-rose: #EDEDED;--accent-emerald: #E5E5E5;--gradient-primary: linear-gradient(180deg, #FFFFFF 0%, #E2E2E2 100%);--gradient-cyan: linear-gradient(180deg, #EAEAEA 0%, #D4D4D4 100%);--gradient-glow: none;--text-primary: #F5F5F5;--text-secondary: #A3A3A3;--text-muted: #666666;--text-disabled: #444444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .8);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .7);--shadow-lg: 0 12px 30px -4px rgba(0, 0, 0, .9);--shadow-glow: none;--blur-glass: blur(12px);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", monospace}.light-theme,[data-theme=light]{--bg-app: #FFFFFF;--bg-sidebar: #FAFAFA;--bg-surface: #FFFFFF;--bg-surface-elevated: #F5F5F5;--bg-card: #FFFFFF;--bg-card-hover: #F8F8F8;--bg-input: #FFFFFF;--border-subtle: #E5E5E5;--border-light: #D4D4D4;--border-focus: #000000;--border-accent-glow: rgba(0, 0, 0, .12);--primary: #000000;--primary-hover: #1F1F1F;--primary-text: #FFFFFF;--primary-glow: rgba(0, 0, 0, .05);--secondary: #F4F4F4;--secondary-hover: #EAEAEA;--secondary-text: #000000;--accent-cyan: #000000;--accent-cyan-glow: rgba(0, 0, 0, .1);--accent-violet: #1A1A1A;--accent-amber: #1A1A1A;--accent-rose: #1A1A1A;--accent-emerald: #1A1A1A;--gradient-primary: linear-gradient(180deg, #1A1A1A 0%, #000000 100%);--gradient-cyan: linear-gradient(180deg, #333333 0%, #111111 100%);--gradient-glow: none;--text-primary: #0A0A0A;--text-secondary: #525252;--text-muted: #737373;--text-disabled: #A3A3A3;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 30px -4px rgba(0, 0, 0, .08);--shadow-glow: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--text-primary);letter-spacing:-.025em}.app-layout{display:flex;flex-direction:row;height:100vh;height:100dvh;width:100vw;background-color:var(--bg-app);overflow:hidden;transition:background-color .2s ease}.main-content{flex:1;min-width:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;position:relative;background-color:var(--bg-app);transition:background-color .2s ease}.page-container{padding:36px;max-width:1200px;width:100%;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px}.grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;flex-shrink:0}.studio-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px;max-width:1280px;width:100%;margin:0 auto}.timeline-workspace{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--bg-app)}.timeline-top-bar{display:flex;align-items:stretch;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);min-height:200px;max-height:225px;flex-shrink:0}.timeline-preview-pane{flex:0 0 240px;background:#040404;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-right:1px solid var(--border-subtle);padding:8px}.timeline-scrubber-pane{flex:1;min-width:280px;display:flex;flex-direction:column;justify-content:center;padding:12px 24px;border-right:1px solid var(--border-subtle);background:var(--bg-surface)}.timeline-status-pane{flex:0 0 200px;display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;background:var(--bg-surface)}.timeline-tracks-scroll{flex:0 0 240px;overflow-x:auto;overflow-y:hidden;background:var(--bg-app);position:relative;border-bottom:1px solid var(--border-subtle);cursor:crosshair;-webkit-overflow-scrolling:touch}.timeline-inspector{flex:1;min-height:0;overflow-y:auto;background:var(--bg-surface);padding:12px 18px;display:flex;flex-direction:column}.timeline-inspector-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.chunk-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .15s ease,background-color .15s ease}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:500;font-size:.85rem;letter-spacing:-.01em;padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;outline:none;white-space:nowrap}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--secondary);color:var(--secondary-text);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--secondary-hover);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-subtle);color:var(--text-primary)}.btn-cyan{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-cyan:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.input-field,.textarea-field{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;padding:9px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus,.textarea-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.input-field::placeholder,.textarea-field::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-ugc,.badge-song,.badge-broll{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out forwards}.light-theme .modal-overlay,[data-theme=light] .modal-overlay{background:#0006}.modal-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;animation:scaleUp .18s cubic-bezier(.16,1,.3,1) forwards}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:12px 16px;background:var(--bg-surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:slideInRight .2s cubic-bezier(.16,1,.3,1) forwards}.toast-item.success,.toast-item.error{border-left:3px solid var(--text-primary)}.toast-item.warning{border-left:3px solid var(--text-secondary)}.toast-item.info{border-left:3px solid var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.98) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.page-container{padding:24px 20px}.studio-main{padding:18px 16px}.timeline-workspace{overflow-y:auto;overflow-x:hidden}.timeline-top-bar{flex-wrap:wrap;max-height:none;min-height:auto}.timeline-preview-pane{flex:0 0 210px}.timeline-scrubber-pane{flex:1 1 320px;padding:12px 16px;border-right:none}.timeline-status-pane{flex:1 1 100%;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border-subtle);padding:8px 16px}.timeline-tracks-scroll{flex:0 0 235px}.timeline-inspector{flex:none;overflow-y:visible;padding:14px 16px 24px}}@media(max-width:768px){.app-layout{flex-direction:column-reverse}.page-container{padding:18px 14px 28px}.page-header{margin-bottom:20px;gap:12px}.page-header h1{font-size:1.45rem!important}.card-grid{grid-template-columns:1fr;gap:16px}.grid-2col{grid-template-columns:1fr;gap:14px}.grid-3col{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}.studio-header{padding:8px 12px;gap:8px}.studio-stepper{order:3;width:100%;justify-content:center;overflow-x:auto;padding-top:6px;border-top:1px solid var(--border-subtle)}.studio-main{padding:14px 12px 24px}.timeline-preview-pane{flex:1 1 100%;border-right:none;border-bottom:1px solid var(--border-subtle);padding:12px}.timeline-scrubber-pane{flex:1 1 100%;min-width:0;padding:12px 14px}.timeline-status-pane{flex-wrap:wrap;padding:8px 14px;gap:10px}.chunk-row{flex-direction:column;align-items:stretch;gap:10px}.modal-content{width:calc(100% - 20px)!important;padding:18px!important;max-height:92dvh}.toast-container{left:12px;right:12px;bottom:74px}.toast-item{min-width:0;width:100%;max-width:100%}}@media(max-width:480px){.page-container{padding:14px 10px 24px}.grid-3col{grid-template-columns:1fr}.btn{padding:7px 12px;font-size:.8rem}}