*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--ring);color:var(--heading)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}h1,h2,h3,h4,h5,h6{margin:0 0 16px;font-weight:700;color:var(--heading);line-height:1.25}h1{font-size:32px;font-weight:700}h2{font-size:24px;font-weight:700}h3{font-size:18px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:13px;font-weight:600}p{margin:0 0 16px;line-height:1.6}.muted{color:var(--muted)}.text-strong{font-weight:700;color:var(--heading)}.text-good{color:#047857}.text-warn{color:#b45309}.text-bad{color:#991b1b}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:24px}.text-3xl{font-size:32px}.shell{min-height:100%;display:grid;grid-template-columns:260px 1fr}@media (max-width: 1024px){.shell{grid-template-columns:80px 1fr}}@media (max-width: 768px){.shell{grid-template-columns:1fr;position:relative}}.sidebar{position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid var(--side-border);padding:16px 12px;display:flex;flex-direction:column}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;top:0;width:260px;z-index:99;transition:left .3s ease;box-shadow:0 8px 16px #0000001a,0 4px 8px #0000000d}.sidebar.mobile-open{left:0}}.brand{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-weight:700;font-size:16px;color:var(--heading);padding:8px}.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}@media (max-width: 1024px){.brand span{display:none}}@media (max-width: 768px){.brand span{display:inline}}.nav{margin-top:16px;flex:1;display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto}@media (max-width: 768px){.nav{padding-bottom:16px}}.nav a{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:3px;color:var(--muted);transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);font-weight:500}.nav a:hover{background:var(--surface-2);color:var(--heading)}.nav a.active{color:var(--on-accent);background:var(--accent);font-weight:600}@media (max-width: 1024px){.nav a span{display:none}}@media (max-width: 768px){.nav a span{display:inline}}.nav .settings-link{margin-top:auto}.sidebar .divider{height:1px;margin:12px 8px;background:var(--line);opacity:.6}.mobile-menu-btn{display:none}@media (max-width: 768px){.mobile-menu-btn{display:flex!important;z-index:99}}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-overlay{display:block!important;z-index:98}}.main{padding:24px;width:100%;max-width:1600px;margin:0 auto}@media (max-width: 768px){.main{padding:64px 12px 16px}}.content{max-width:1400px;margin:0 auto;padding:24px}@media (max-width: 768px){.content{padding:16px 12px}}.page-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;flex-wrap:wrap;gap:16px}.page-header h1{margin:0;font-size:28px;color:var(--heading);font-weight:700}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.page-header h1{font-size:24px}.page-header .btn{width:100%}}.stack{display:grid;gap:16px}@media (max-width: 768px){.stack{gap:12px}}.grid-4{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-4{grid-template-columns:1fr;gap:12px}}.grid-3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-3{grid-template-columns:1fr;gap:12px}}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-2{grid-template-columns:1fr;gap:12px}}.grid-2-1{display:grid;gap:16px;grid-template-columns:2fr 1fr}@media (max-width: 1024px){.grid-2-1{grid-template-columns:1fr}}.grid-1-2{display:grid;gap:16px;grid-template-columns:1fr 2fr}@media (max-width: 1024px){.grid-1-2{grid-template-columns:1fr}}.centered{display:grid;place-items:center}.right{margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:3px;border:0;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);min-height:40px;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn{background:var(--accent);color:var(--on-accent)}.btn:hover{background:var(--accent-hover)}.btn.sm{padding:6px 12px;font-size:13px;min-height:32px}.btn.lg{padding:12px 20px;font-size:16px;min-height:48px}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 1px 2px #0000000a}.btn.ghost:hover{background:var(--surface-2);border-color:var(--accent)}.btn.outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn.outline:hover{background:var(--accent);color:var(--on-accent)}.btn.danger{background:#991b1b;color:#fff}.btn.danger:hover{background:shade(#991b1b,15%)}@media (max-width: 768px){.btn{padding:12px 16px;font-size:14px;width:100%}.btn.sm{padding:10px 12px;font-size:13px;min-height:36px}}.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--heading)}@media (max-width: 768px){.field label{font-size:13px}}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:3px;background:var(--surface);border:1px solid var(--line);color:var(--text);outline:none;transition:border .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);min-height:40px;font-size:14px}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}@media (max-width: 768px){.input,.select,.textarea{padding:12px 14px;font-size:16px}}.textarea{min-height:100px;resize:vertical}.switch{position:relative;width:44px;height:24px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.switch input{position:absolute;inset:0;opacity:0;cursor:pointer}.switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000000a;transition:left .15s cubic-bezier(.4,0,.2,1);pointer-events:none}.switch input:checked+.knob{left:calc(100% - 20px)}.switch input:checked~.track{background:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:16px;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.card h3{margin:0 0 8px;color:var(--heading);font-size:16px;font-weight:600;flex-shrink:0}.card .grid-fill{flex:1;min-height:0;overflow:auto}@media (max-width: 768px){.card{padding:14px}.card h3{font-size:15px}}.cards{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.cards{grid-template-columns:1fr;gap:12px}}.kpi-value{font-size:28px;font-weight:700;color:var(--heading)}@media (max-width: 768px){.kpi-value{font-size:24px}}.kpi-title{margin-top:8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.trend{color:var(--muted);font-size:12px;margin-top:4px}.badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:500;border:1px solid var(--line);background:var(--surface-2);text-transform:capitalize}.badge.new{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.badge.consult{background:#e0e7ff;border-color:#c7d2fe;color:#4338ca}:root[data-theme=executive] .badge.consult{background:#312e81;color:#e0e7ff;border-color:#4338ca}.status-badge{padding:4px 10px;border-radius:3px;border:1px solid var(--line);font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.open,.status-badge.active{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:500;display:inline-block;text-transform:capitalize}.status-badge.closed{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:500;display:inline-block;text-transform:capitalize}.status-badge.lead-new{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:500;display:inline-block;text-transform:capitalize}.status-badge.lead-qualified{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:500;display:inline-block;text-transform:capitalize}.status-badge.lead-won{background:#dcfce7;color:#14532d;border-color:#bbf7d0}.status-badge.lead-lost{background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:500;display:inline-block;text-transform:capitalize}.chip{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:500;background:var(--surface-2);border:1px solid var(--line);color:var(--text)}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-chip{margin-top:8px;display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:12px;padding:4px 10px;border-radius:3px;border:1px solid #d1fae5;background:#d1fae5;color:#065f46;font-weight:500}.status-chip[data-status=busy]{background:#fed7aa;border-color:#fdba74;color:#9a3412}.status-chip[data-status=away]{background:#e0e7ff;border-color:#c7d2fe;color:#4338ca}.status-chip[data-status=offline]{background:var(--surface-2);border-color:var(--line);color:var(--muted)}.status-chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.dot{width:6px;height:6px;border-radius:50%;background:var(--muted);display:inline-block}.dot.green{background:#047857}.dot.red{background:#991b1b}.dot.yellow{background:#b45309}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:3px;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap}.table-toolbar .title{font-weight:600;color:var(--heading)}@media (max-width: 768px){.table-toolbar{padding:10px 12px;font-size:14px}}.page-container .card{width:100%}table{width:100%;border-collapse:collapse;font-size:14px;color:var(--text)}@media (max-width: 768px){table{font-size:13px}}thead th{text-align:left;padding:12px 16px;font-weight:600;font-size:12px;color:var(--muted);background:var(--surface-2);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:20}@media (max-width: 768px){thead th{padding:8px 10px;font-size:13px}}tbody td{padding:12px 16px;border-bottom:1px solid var(--line)}@media (max-width: 768px){tbody td{padding:8px 10px;font-size:13px}}tbody tr{transition:background .15s cubic-bezier(.4,0,.2,1)}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.row-actions{gap:6px}.row-actions .btn{padding:8px 12px;font-size:12px;min-height:32px;width:auto}}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,.data-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line)}.data-table thead th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.data-table tbody tr:hover{background:var(--surface-2)}.table.compact thead th,.table.compact tbody td{padding:8px 12px}.rowText{font-size:12px!important}.soft-row+.soft-row{border-top:1px solid var(--line)}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;z-index:98;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(760px,92vw);background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 16px #0000001a,0 4px 8px #0000000d;padding:24px;max-height:90vh;overflow-y:auto}.modal header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.modal footer{display:flex;align-items:center;justify-content:flex-start;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}@media (max-width: 768px){.modal{width:calc(100vw - 24px);max-height:calc(100vh - 40px);padding:16px;border-radius:3px}.modal header{font-size:16px}.modal footer{flex-direction:column;gap:8px}.modal footer .btn{width:100%}}.toast{position:fixed;right:24px;bottom:24px;display:grid;gap:12px;z-index:100}.toast .item{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:12px 16px;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;min-width:280px}.toast .item.success{border-color:#047857;background:#dcfce7}.toast .item.error{border-color:#991b1b;background:#fee2e2}@media (max-width: 768px){.toast{right:12px;bottom:12px;left:12px}.toast .item{min-width:unset;width:100%}}.tabs{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:3px;border:1px solid var(--line)}.tabs>button{border:0;background:transparent;padding:8px 16px;border-radius:2px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.tabs>button:hover{color:var(--heading)}.tabs>button.active{background:var(--surface);color:var(--heading);box-shadow:0 1px 2px #0000000a;font-weight:600}.tabs-underline{position:sticky;top:0;z-index:20;background:var(--surface);display:flex;gap:16px;padding:8px 4px;margin:0 0 24px;border-bottom:1px solid var(--line)}.tabs-underline>button{appearance:none;background:transparent;border:0;padding:8px 4px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);cursor:pointer}.tabs-underline>button:hover{color:var(--heading)}.tabs-underline>button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:12px}}.page-header h1{margin:0;font-size:32px;font-weight:700;color:var(--heading);line-height:1.25}@media (max-width: 768px){.page-header h1{font-size:24px}}.page-header p{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.6}.page-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-container{width:100%;margin:0 auto;padding:24px}@media (max-width: 768px){.page-container{padding:16px}}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-1{margin-top:4px}.mb-1{margin-bottom:4px}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.mt-3{margin-top:12px}.mb-3{margin-bottom:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mt-5{margin-top:20px}.mb-5{margin-bottom:20px}.mt-6{margin-top:24px}.mb-6{margin-bottom:24px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.gap-0{gap:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.hide-on-mobile{display:block}@media (max-width: 768px){.hide-on-mobile{display:none}}.show-on-mobile{display:none}@media (max-width: 768px){.show-on-mobile{display:block}}.divider{height:1px;margin:12px 8px;background:var(--line);opacity:.6}.avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--heading);font-weight:600;border:1px solid var(--line);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:24px;height:24px;font-size:11px}.avatar.xl{width:64px;height:64px;font-size:24px}.list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.list-row{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center}.pill-count{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}:root{--accent: #1e40af;--accent-hover: #1e3a8a;--accent-2: #0e7490;--bg: #f8fafc;--bg-2: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--side: #ffffff;--side-border: #e2e8f0;--text: #1e293b;--heading: #0f172a;--muted: #64748b;--line: #e2e8f0;--border: #e2e8f0;--ring: rgba(30, 64, 175, .12);--on-accent: #ffffff;--danger: #991b1b;--warning: #b45309;--success: #047857;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .06), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-xl: 0 8px 16px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .05);--radius-sm: 2px;--radius: 3px;--radius-md: 4px;--radius-lg: 6px;--transition: .15s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=executive]{--accent: #3b82f6;--accent-hover: #2563eb;--accent-2: #0891b2;--bg: #0f172a;--bg-2: #1e293b;--surface: #1e293b;--surface-2: #334155;--surface-3: #475569;--side: #1e293b;--side-border: #334155;--text: #e2e8f0;--heading: #f1f5f9;--muted: #94a3b8;--line: #334155;--border: #334155;--ring: rgba(59, 130, 246, .2);--on-accent: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px 0 rgba(0, 0, 0, .5)}:root[data-theme=neutral]{--accent: #334155;--accent-hover: #1e293b;--accent-2: #0891b2;--bg: #f8fafc;--bg-2: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--side: #ffffff;--side-border: #e2e8f0;--text: #1e293b;--heading: #0f172a;--muted: #64748b;--line: #e2e8f0;--border: #e2e8f0;--ring: rgba(71, 85, 105, .12);--on-accent: #ffffff}:root[data-theme=classic]{--accent: #1e40af;--accent-hover: #1e3a8a;--accent-2: #0891b2;--bg: #ffffff;--bg-2: #f8fafc;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--side: #ffffff;--side-border: #e2e8f0;--text: #000000;--heading: #000000;--muted: #475569;--line: #e2e8f0;--border: #e2e8f0;--ring: rgba(30, 64, 175, .12);--on-accent: #ffffff}.agent-detail{max-width:1200px;margin:0 auto}.agent-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-radius:3px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}@media (max-width: 768px){.agent-header{flex-wrap:wrap;gap:16px;padding:16px 18px}}.agent-header-left,.ah-left{display:flex;align-items:center;justify-content:flex-start;gap:16px;min-width:0}.agent-header .avatar.xl{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--surface-2);color:var(--heading)}@media (max-width: 768px){.agent-header .avatar.xl{width:48px;height:48px;font-size:18px}}.ah-name{margin:0 0 4px;font-size:20px;font-weight:700}@media (max-width: 768px){.ah-name{font-size:18px}}.ah-sub{font-size:14px;color:var(--muted)}@media (max-width: 768px){.ah-sub{font-size:13px}}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:16px}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr;gap:12px}}.metric header{font-size:12px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.metric footer{font-size:12px;color:var(--muted);margin-top:8px}.metric-main{display:flex;align-items:center;justify-content:flex-start;align-items:flex-end;justify-content:space-between;gap:16px;min-height:60px}.metric-value{font-size:32px;font-weight:700;line-height:1;color:var(--heading)}@media (max-width: 768px){.metric-value{font-size:26px}}.metric svg{width:140px;height:40px}@media (max-width: 768px){.metric svg{width:100px;height:32px}}.metric svg .bar{fill:var(--accent);opacity:.8}.metric svg .baseline{stroke:var(--line);stroke-width:1}.metrics-grid .card.full{grid-column:1/-1}.kpi-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width: 768px){.kpi-grid{grid-template-columns:1fr!important}}.kpi{border:1px solid var(--line);border-radius:3px;padding:16px;background:var(--surface)}.kpi-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kpi .bar{fill:var(--accent);opacity:.8}.kpi-caption{font-size:12px;color:var(--muted);margin-top:8px}.chat-layout{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 100px);background:var(--surface);border-radius:3px;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;border:1px solid var(--line)}@media (max-width: 768px){.chat-layout{grid-template-columns:1fr;height:calc(100vh - 60px);border-radius:0}}.chat-sidebar{background:var(--surface-2);border-right:1px solid var(--line);display:flex;flex-direction:column}@media (max-width: 768px){.chat-sidebar{display:none}}.chat-sidebar .search{padding:12px;border-bottom:1px solid var(--line)}.chat-sidebar .search input{width:100%;padding:8px 12px;border-radius:3px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.chat-list{flex:1;overflow-y:auto}.chat-item{padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:12px;transition:background .15s cubic-bezier(.4,0,.2,1)}.chat-item:hover{background:var(--surface-3)}.chat-item.active{background:var(--accent);color:var(--on-accent)}.chat-window{display:flex;flex-direction:column;height:100%;background:var(--surface)}.chat-header{padding:12px 20px;border-bottom:1px solid var(--line);font-weight:600;background:var(--surface-2);display:flex;align-items:center;justify-content:space-between}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.chat-messages{padding:14px}}.msg{max-width:70%;padding:12px 16px;border-radius:3px;line-height:1.4;word-break:break-word}.msg.in{background:var(--surface-2);align-self:flex-start;border-bottom-left-radius:2px}.msg.out{background:var(--accent);color:var(--on-accent);align-self:flex-end;border-bottom-right-radius:2px}.msg time{display:block;text-align:right;font-size:11px;opacity:.6;margin-top:4px}@media (max-width: 768px){.msg{max-width:85%;font-size:14px}}.chat-input{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface-2)}.chat-input input{flex:1;border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:var(--surface);color:var(--text)}@media (max-width: 768px){.chat-input input{padding:8px 12px;font-size:16px}}.chat-input button{border:none;border-radius:999px;padding:0 20px;background:var(--accent);color:var(--on-accent);font-weight:600;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.chat-input button:hover{background:var(--accent-hover)}@media (max-width: 768px){.chat-input{padding:10px 12px}}.react-grid-item{transition:transform .2s ease;overflow:hidden}.react-grid-item.react-draggable-dragging,.react-grid-item.react-resizable-resizing{z-index:3;box-shadow:0 4px 8px #00000014,0 2px 4px #0000000a}.react-grid-item>*{max-height:100%;overflow:hidden}.react-resizable-handle{position:absolute;width:16px;height:16px;bottom:8px;right:8px;border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);opacity:.4}.react-resizable-handle:hover{opacity:.8}.editable-grid-shell{position:relative}.layout-gear{position:sticky;top:16px;z-index:5;display:flex;justify-content:flex-end;margin-bottom:8px}.icon-btn.gear{width:36px;height:36px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--text);display:grid;place-items:center;box-shadow:0 1px 2px #0000000a;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.icon-btn.gear:hover{background:var(--surface-2)}.gear-menu{position:absolute;right:8px;top:48px;min-width:200px;padding:8px;border-radius:3px;border:1px solid var(--line);background:var(--surface);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.menu-item{width:100%;padding:10px 12px;background:transparent;border:0;text-align:left;border-radius:2px;color:var(--text);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:#991b1b}.grid-card{position:relative;padding-top:12px}.card-drag{position:absolute;top:8px;right:12px;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.card-drag.show{opacity:.6}.card-drag-handle{cursor:move;font-size:18px;line-height:1}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--line);opacity:.5}.recharts-default-tooltip{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:3px!important;padding:8px 12px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008!important}.recharts-tooltip-label{color:var(--heading)!important;font-weight:600!important}.fc{--fc-page-bg-color: transparent;--fc-neutral-bg-color: transparent;--fc-border-color: var(--line);--fc-button-text-color: var(--on-accent);--fc-button-bg-color: var(--accent);--fc-button-hover-bg-color: var(--accent-hover);--fc-today-bg-color: var(--ring)}.fc .fc-toolbar-title{font-weight:700;color:var(--heading)}.fc .fc-button{border-radius:3px;padding:8px 12px;border:0}.fc.fc-theme-standard .fc-scrollgrid{border-radius:3px;overflow:hidden;border-color:var(--line);background:var(--surface)}.fc .fc-daygrid-day{background:var(--surface)}.fc .fc-daygrid-day:hover{background:var(--surface-2)}.fc .fc-daygrid-day-number{color:var(--text)}.fc .fc-event{background:var(--accent);color:var(--on-accent);border:0;border-radius:2px;padding:2px 6px}@media print{.sidebar,.mobile-menu-btn,.sidebar-overlay,.btn,.toast{display:none!important}.shell{grid-template-columns:1fr}.main{padding:0}.card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.theme-select{max-width:180px}.login-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-2) 100%);padding:20px}.login-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:480px;flex:1}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px 36px;box-shadow:var(--shadow);width:100%}.login-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px;color:var(--accent);font-weight:700;font-size:18px;white-space:nowrap}.login-logo svg{width:32px;height:32px;flex-shrink:0}.login-heading{font-size:28px;font-weight:700;color:var(--heading);margin:0 0 8px;text-align:center}.login-subtitle{font-size:14px;color:var(--muted);text-align:center;margin:0 0 28px}.login-link{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--elev)}.login-link:hover{color:color-mix(in oklab,var(--accent) 120%,black);text-decoration:underline}.login-error{background:color-mix(in oklab,var(--danger) 15%,transparent);border:1px solid color-mix(in oklab,var(--danger) 50%,transparent);color:var(--danger);padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--heading)}.form-input{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:14px;transition:border-color var(--elev),box-shadow var(--elev);font-family:inherit}.form-input::placeholder{color:var(--muted)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.form-input:disabled{background:var(--surface-3);color:var(--muted);cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:28px 0;color:var(--muted);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.oauth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.btn{padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--elev);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);width:100%}.btn-primary:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 110%,black);border-color:color-mix(in oklab,var(--accent) 110%,black)}.btn-secondary{background:var(--surface)}.btn-large{padding:14px 16px;font-size:15px}.login-footer{margin-top:20px}.login-legal{font-size:11px;color:var(--muted);text-align:center;margin:0;line-height:1.6}.login-back-link{display:block;margin-top:16px;padding:0;background:none;border:none;color:var(--accent);font-size:14px;font-weight:500;cursor:pointer;transition:color var(--elev);font-family:inherit}.login-back-link:hover{color:color-mix(in oklab,var(--accent) 120%,black)}.login-copyright{margin-top:32px;font-size:12px;color:var(--muted);text-align:center}@media (max-width: 480px){.login-card{padding:32px 20px}.login-heading{font-size:24px}.oauth-buttons{grid-template-columns:1fr}.btn{width:100%}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.analytics-header-section{margin-bottom:32px;animation:fadeInDown .5s ease-out}.analytics-header{background:linear-gradient(135deg,#1e40af,#7c3aed);border-radius:16px;padding:24px 32px;margin-bottom:16px;box-shadow:0 4px 20px #1e40af26;display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:center;gap:16px}.header-icon{font-size:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:-.5px}.header-subtitle{font-size:13px;color:#ffffffe6;margin:0;font-weight:400}.header-badge{display:flex;align-items:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;font-size:12px}.badge-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 10px #4ade80;animation:pulse 2s ease-in-out infinite}.filters-bar{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb;display:flex;gap:20px;flex-wrap:wrap;align-items:center}.filter-item{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-item label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.filter-select-inline{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background:#fff;transition:all .2s ease;cursor:pointer}.filter-select-inline:hover:not(:disabled){border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select-inline:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.filter-select-inline:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.section-header{margin:40px 0 20px;animation:fadeIn .6s ease-out}.section-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.3px}.section-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400;line-height:1.5}.kpi-grid-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:24px;animation:fadeInUp .6s ease-out}.kpi-card-main{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014;border:1px solid #f3f4f6;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;gap:20px;align-items:flex-start}.kpi-card-main:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:height .3s ease}.kpi-card-main:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000026}.kpi-card-main:hover:before{height:100%;opacity:.05}.kpi-engagement:before{background:linear-gradient(135deg,#f093fb,#f5576c)}.kpi-reach:before{background:linear-gradient(135deg,#4facfe,#00f2fe)}.kpi-sentiment:before{background:linear-gradient(135deg,#43e97b,#38f9d7)}.kpi-growth:before{background:linear-gradient(135deg,#fa709a,#fee140)}.kpi-card-main .kpi-icon{font-size:48px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1));flex-shrink:0}.kpi-card-main .kpi-content{flex:1;position:relative;z-index:1}.kpi-card-main .kpi-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.kpi-card-main .kpi-value{font-size:32px;font-weight:800;color:#111827;margin:0 0 12px;line-height:1}.kpi-card-main .kpi-trend{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px}.kpi-card-main .kpi-trend.trend-up{background:#22c55e1a;color:#16a34a}.kpi-card-main .kpi-trend.trend-down{background:#ef44441a;color:#dc2626}.kpi-card-main .kpi-info{font-size:13px;color:#6b7280;font-weight:500}.kpi-card-main .sentiment-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.kpi-card-main .sentiment-badge.positive{background:#22c55e1a;color:#16a34a}.kpi-card-main .sentiment-badge.negative{background:#ef44441a;color:#dc2626}.kpi-card-main .sentiment-badge.neutral{background:#6b72801a;color:#4b5563}.section-content{margin-bottom:32px;animation:fadeInUp .6s ease-out}.analytics-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:32px;animation:fadeInUp .6s ease-out}.grid-item{animation:fadeInUp .6s ease-out}.grid-item.full-width{grid-column:span 12}.grid-item.half-width{grid-column:span 6}.grid-item:nth-child(1){animation-delay:.1s}.grid-item:nth-child(2){animation-delay:.2s}.grid-item:nth-child(3){animation-delay:.3s}.geographic-section{display:grid;grid-template-columns:1fr 380px;gap:20px;margin-bottom:32px;animation:fadeInUp .6s ease-out}.geographic-main{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #f3f4f6;transition:all .3s ease}.geographic-main:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.geographic-sidebar{display:flex;flex-direction:column;gap:20px}.geographic-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #f3f4f6;transition:all .3s ease;flex:1;display:flex;flex-direction:column}.geographic-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.geographic-card .card{border:none;box-shadow:none;flex:1;display:flex;flex-direction:column}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #f3f4f6;transition:all .3s ease;height:100%}.card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.card h3{font-size:16px;font-weight:700;color:#111827;margin-bottom:12px}.grid-item.half-width .card{max-height:340px;overflow-y:auto}.section-content .card{max-height:420px;overflow-y:auto}.analytics-footer{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:16px;padding:24px 28px;display:flex;gap:20px;align-items:flex-start;box-shadow:0 2px 10px #0000000a;margin-top:40px;animation:fadeIn .6s ease-out}.footer-icon{font-size:32px;flex-shrink:0}.footer-content{flex:1}.footer-title{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px}.footer-text{font-size:13px;color:#6b7280;line-height:1.6;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 1400px){.geographic-section{grid-template-columns:1fr 340px}}@media (max-width: 1200px){.kpi-grid-main{grid-template-columns:repeat(2,1fr)}.geographic-section{grid-template-columns:1fr}}@media (max-width: 992px){.analytics-header{flex-direction:column;gap:16px;text-align:center}.header-content{flex-direction:column;text-align:center}.header-badge{margin:0 auto}.filters-bar{flex-direction:column;align-items:stretch}.filter-item{min-width:100%}.grid-item.half-width{grid-column:span 12}}@media (max-width: 768px){.analytics-header{padding:20px}.header-title{font-size:20px}.header-subtitle{font-size:12px}.kpi-grid-main{grid-template-columns:1fr}.kpi-card-main{padding:20px}.kpi-card-main .kpi-value{font-size:28px}.section-title{font-size:18px}.section-subtitle{font-size:13px}.analytics-footer{flex-direction:column}}.spinner-border{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth}::selection{background:#3b82f64d;color:#111827}.chat-page.standalone{width:100%;height:100vh;background:#0f172a;color:#fff;display:flex;flex-direction:column}.chat-header{background:#1e293b;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #334155}.agent-info{display:flex;align-items:center;gap:10px}.agent-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.agent-avatar.alt{background:#334155;display:grid;place-items:center;font-weight:700;color:#fff}.agent-name{font-weight:600}.agent-status{font-size:12px;color:#94a3b8}.agent-status.online{color:#22c55e}.agent-status.busy{color:#f59e0b}.agent-status.away{color:#60a5fa}.agent-status.offline{color:#6b7280}.view-profile-btn{font-size:13px;color:#fff;text-decoration:none;background:#3b82f6;padding:6px 10px;border-radius:6px}.chat-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#0f172a}.chat-message{display:flex;flex-direction:column;max-width:70%}.from-user{align-self:flex-end;align-items:flex-end}.from-agent{align-self:flex-start;align-items:flex-start}.bubble{padding:10px 14px;border-radius:16px;line-height:1.4;font-size:14px;background:#1e293b;color:#e2e8f0}.from-user .bubble{background:#3b82f6;color:#fff}.time{font-size:11px;color:#94a3b8;margin-top:4px}.chat-input{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#1e293b;border-top:1px solid #334155}.chat-input input{flex:1;padding:10px;border:none;border-radius:8px;background:#0f172a;color:#fff;outline:none}.chat-input button{background:#3b82f6;border:none;border-radius:8px;color:#fff;padding:10px 16px;cursor:pointer;font-weight:600}.chat-placeholder{text-align:center;color:#94a3b8;margin-top:30%;font-size:15px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.2px;border:1px solid transparent;-webkit-user-select:none;user-select:none;background:#94a3b814;color:#cbd5e1}.status-pill .status-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #0003}.status-pill[data-status=online]{background:#10b9811f;color:#34d399;border-color:#10b98159}.status-pill[data-status=busy]{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b59}.status-pill[data-status=away]{background:#60a5fa1f;color:#93c5fd;border-color:#60a5fa59}.status-pill[data-status=offline]{background:#64748b1f;color:#94a3b8;border-color:#64748b59}.status-pill[data-status=online] .status-dot{background:#22c55e;animation:pulse 1.4s infinite ease-in-out}.status-pill[data-status=busy] .status-dot{background:#f59e0b}.status-pill[data-status=away] .status-dot{background:#60a5fa}.status-pill[data-status=offline] .status-dot{background:#64748b}.status-bar{height:3px;width:100%}.status-bar[data-status=online]{background:linear-gradient(90deg,#16a34a,#22c55e)}.status-bar[data-status=busy]{background:linear-gradient(90deg,#d97706,#f59e0b)}.status-bar[data-status=away]{background:linear-gradient(90deg,#2563eb,#60a5fa)}.status-bar[data-status=offline]{background:linear-gradient(90deg,#475569,#64748b)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #22c55e80}70%{transform:scale(1.08);box-shadow:0 0 0 8px #22c55e00}to{transform:scale(1);box-shadow:0 0 #22c55e00}}.chat-input button{background-color:#2979ff;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:15px;cursor:pointer;transition:background-color .2s,opacity .2s}.chat-input button:hover:not(:disabled){background-color:#1c63d5}.chat-input button:disabled{background-color:#3a3a3a;color:#aaa;cursor:not-allowed;opacity:.6;filter:grayscale(.4);transition:none}.chat-input input:disabled{background-color:#1f1f1f;color:#777;cursor:not-allowed}.reactEasyCrop_Container{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;display:flex;justify-content:center;align-items:center}.reactEasyCrop_Image,.reactEasyCrop_Video{will-change:transform}.reactEasyCrop_Contain{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.reactEasyCrop_Cover_Horizontal{width:100%;height:auto}.reactEasyCrop_Cover_Vertical{width:auto;height:100%}.reactEasyCrop_CropArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);box-sizing:border-box;box-shadow:0 0 0 9999em;color:#00000080;overflow:hidden}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_CropAreaGrid:before{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);inset:0 33.33%;border-top:0;border-bottom:0}.reactEasyCrop_CropAreaGrid:after{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);inset:33.33% 0;border-left:0;border-right:0}.studio-page-actions{display:flex;align-items:center;gap:8px}.studio-container{display:flex;flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 120px);padding-bottom:0;position:relative}.workflow-progress{display:flex;align-items:center;justify-content:center;gap:0;padding:20px;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.workflow-step{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 24px}.workflow-step .step-number{width:32px;height:32px;border-radius:50%;background:var(--hover-bg, #f3f4f6);border:2px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-muted, #9ca3af);transition:all .3s ease}.workflow-step .step-label{font-size:12px;font-weight:500;color:var(--text-muted, #9ca3af);white-space:nowrap}.workflow-step.active .step-number{background:var(--primary-color, #2563eb);border-color:var(--primary-color, #2563eb);color:#fff}.workflow-step.active .step-label{color:var(--primary-color, #2563eb);font-weight:600}.workflow-step.completed .step-number{background:#10b981;border-color:#10b981;color:#fff}.workflow-step.completed .step-label{color:#10b981}.workflow-step .step-optional{font-size:10px;color:var(--text-muted, #9ca3af);font-style:italic}.workflow-step.skipped .step-number{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af}.workflow-step.skipped .step-label,.workflow-step.skipped .step-optional{color:#9ca3af;text-decoration:line-through;text-decoration-color:#d1d5db}.workflow-step.clickable{cursor:pointer;transition:transform .15s ease,opacity .15s ease}.workflow-step.clickable:hover{transform:translateY(-2px)}.workflow-step.clickable:hover .step-number{box-shadow:0 2px 8px #00000026}.workflow-step.clickable:hover .step-label{color:var(--primary-color, #2563eb)}.workflow-step.clickable.completed:hover .step-label{color:#059669}.workflow-connector{width:60px;height:2px;background:var(--border-color, #e5e7eb)}.approved-badge{display:inline-block;padding:4px 10px;background:#dcfce7;color:#166534;font-size:12px;font-weight:600;border-radius:12px;margin-left:12px}.locked-message{font-size:13px;color:var(--text-muted, #9ca3af);font-style:italic}.studio-controls.locked{opacity:.7;background:var(--hover-bg, #f9fafb)}.wizard-setup-screen{display:flex;justify-content:center;padding:40px 20px;min-height:500px}.setup-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:16px;padding:40px;max-width:700px;width:100%;box-shadow:0 4px 20px #00000014}.setup-header{text-align:center;margin-bottom:32px}.setup-header h2{font-size:24px;font-weight:700;color:var(--text-color, #111827);margin:0 0 8px}.setup-header p{font-size:14px;color:var(--text-muted, #6b7280);margin:0}.setup-form{display:flex;flex-direction:column;gap:24px}.setup-field{display:flex;flex-direction:column;gap:8px}.setup-label{font-size:13px;font-weight:600;color:var(--text-color, #374151)}.setup-label.required:after{content:" *";color:#ef4444}.setup-input{padding:14px 16px;font-size:16px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--card-bg, #fff);color:var(--text-color, #111827);transition:all .2s ease}.setup-input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.setup-input.invalid{border-color:#ef4444}.setup-input.invalid:focus{box-shadow:0 0 0 3px #ef44441a}.setup-input.valid{border-color:#10b981}.setup-input::placeholder{color:var(--text-muted, #9ca3af)}.setup-hint{font-size:12px;color:var(--text-muted, #6b7280)}.setup-hint.error{color:#ef4444}.setup-select{padding:12px 14px;font-size:14px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--card-bg, #fff);color:var(--text-color, #111827);cursor:pointer}.setup-select:focus{outline:none;border-color:var(--primary-color, #2563eb)}.setup-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 640px){.setup-row{grid-template-columns:1fr}}.setup-field.idea-field{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:20px}.setup-field.idea-field .setup-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#6366f1}.setup-field.idea-field .ai-spark,.ai-spark{font-size:16px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.setup-textarea{padding:14px 16px;font-size:15px;font-family:inherit;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--card-bg, #fff);color:var(--text-color, #111827);transition:all .2s ease;resize:vertical;min-height:80px;line-height:1.5}.setup-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.setup-textarea::placeholder{color:var(--text-muted, #9ca3af);font-size:14px}.setup-textarea.idea-input{min-height:100px;background:#fff}.setup-field.idea-field .setup-hint{color:#6366f1;font-size:12px;opacity:.8}.setup-divider{display:flex;align-items:center;gap:16px;margin:8px 0}.setup-divider:before,.setup-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #e5e7eb)}.setup-divider span{font-size:12px;font-weight:500;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.setup-field.manual-name-field{opacity:.85;transition:opacity .2s ease}.setup-field.manual-name-field:focus-within{opacity:1}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}[data-theme=dark] .setup-card,.dark .setup-card{background:#1a1a2e;border-color:#ffffff1a}[data-theme=dark] .setup-field.idea-field,.dark .setup-field.idea-field{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-color:#6366f14d}[data-theme=dark] .setup-textarea,.dark .setup-textarea,[data-theme=dark] .setup-input,.dark .setup-input{background:#ffffff0d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .setup-textarea:focus,.dark .setup-textarea:focus,[data-theme=dark] .setup-input:focus,.dark .setup-input:focus{border-color:#6366f1;background:#ffffff14}[data-theme=dark] .setup-textarea::placeholder,.dark .setup-textarea::placeholder,[data-theme=dark] .setup-input::placeholder,.dark .setup-input::placeholder{color:#fff6}[data-theme=dark] .setup-select,.dark .setup-select{background:#ffffff0d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .setup-header h2,.dark .setup-header h2{color:#fff}[data-theme=dark] .setup-header p,.dark .setup-header p,[data-theme=dark] .setup-label,.dark .setup-label,[data-theme=dark] .setup-hint,.dark .setup-hint{color:#fff9}[data-theme=dark] .setup-divider span,.dark .setup-divider span{color:#fff6}[data-theme=dark] .setup-divider:before,[data-theme=dark] .setup-divider:after,.dark .setup-divider:before,.dark .setup-divider:after{background:#ffffff1a}[data-theme=dark] .setup-field.idea-field .setup-label,.dark .setup-field.idea-field .setup-label,[data-theme=dark] .setup-field.idea-field .setup-hint,.dark .setup-field.idea-field .setup-hint{color:#a5b4fc}.setup-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-mode-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--card-bg, #fff);cursor:pointer;transition:all .2s ease}.setup-mode-btn:hover{border-color:var(--primary-light, #93c5fd);background:var(--hover-bg, #f9fafb)}.setup-mode-btn.active{border-color:var(--primary-color, #2563eb);background:#2563eb0d}.setup-mode-btn .mode-icon{font-size:28px}.setup-mode-btn .mode-label{font-size:15px;font-weight:600;color:var(--text-color, #111827)}.setup-mode-btn .mode-desc{font-size:12px;color:var(--text-muted, #6b7280);text-align:center}.setup-actions{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color, #e5e7eb)}.studio-btn.large{padding:14px 32px;font-size:15px}.studio-controls.locked select{cursor:not-allowed}.studio-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.studio-header-left{display:flex;align-items:center;gap:12px;flex:0 0 auto}.studio-project-name{font-size:16px;font-weight:600;border:none;background:transparent;padding:6px 10px;border-radius:6px;width:180px;color:var(--text-color, #1f2937)}.studio-project-name:hover,.studio-project-name:focus{background:var(--hover-bg, #f3f4f6);outline:none}.studio-project-name:disabled{background:transparent;cursor:default}.project-type-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.project-type-badge.video{background:#dbeafe;color:#1d4ed8}.project-type-badge.image{background:#fef3c7;color:#b45309}.cost-badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;background:#dcfce7;color:#166534;border-radius:12px;cursor:help}.studio-header-center{flex:1;display:flex;justify-content:center;align-items:center;gap:8px}.stage-indicator{font-size:13px;color:var(--text-muted, #6b7280);font-weight:500}.studio-header-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.studio-btn.icon-btn{position:relative;padding:8px 12px;background:var(--hover-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb)}.studio-btn.icon-btn:hover{background:#e5e7eb}.studio-btn .btn-icon{font-size:16px}.studio-btn .btn-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;background:var(--primary-color, #2563eb);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center}.studio-btn.save-pending{background:#fef3c7;border:1px solid #fcd34d;color:#b45309}.studio-btn.save-pending:hover{background:#fde68a}.studio-btn.generating{animation:pulse 1.5s infinite}.studio-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.studio-btn.primary{background:var(--primary-color, #2563eb);color:#fff}.studio-btn.primary:hover:not(:disabled){background:var(--primary-hover, #1d4ed8)}.studio-btn.secondary{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #1f2937);border:1px solid var(--border-color, #e5e7eb)}.studio-btn.secondary:hover:not(:disabled){background:var(--border-color, #e5e7eb)}.studio-btn.danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.studio-btn.danger:hover:not(:disabled){background:#fee2e2}.studio-btn.icon{padding:8px 16px}.studio-btn:disabled{opacity:.5;cursor:not-allowed}.studio-controls{display:flex;align-items:center;gap:24px;padding:12px 20px;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-size:13px;font-weight:500;color:var(--text-muted, #6b7280)}.control-group select{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;background:var(--card-bg, #fff);color:var(--text-color, #1f2937);cursor:pointer}.control-group-actions{margin-left:auto;display:flex;gap:12px}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.studio-toolbar.locked{opacity:.85;background:var(--hover-bg, #f9fafb)}.studio-toolbar.locked select{cursor:not-allowed;opacity:.6}.toolbar-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.toolbar-center{flex:1;display:flex;justify-content:center;align-items:center;gap:16px}.toolbar-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.control-group.compact{display:flex;align-items:center;gap:6px}.control-group.compact label{font-size:12px;font-weight:500;color:var(--text-muted, #6b7280)}.control-group.compact select{padding:6px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:13px;background:var(--card-bg, #fff);color:var(--text-color, #1f2937);cursor:pointer;min-width:80px}.control-group.compact select:focus{outline:none;border-color:var(--primary-color, #2563eb)}.locked-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--hover-bg, #f3f4f6);color:var(--text-muted, #6b7280);font-size:12px;font-weight:500;border-radius:6px;border:1px solid var(--border-color, #e5e7eb)}.locked-badge:before{content:""}.studio-btn.small{padding:6px 12px;font-size:13px}.studio-btn.icon.small{padding:6px 10px;font-size:16px;font-weight:600}@media (max-width: 900px){.studio-toolbar{flex-wrap:wrap;gap:12px}.toolbar-left{order:1;flex:1 1 auto}.toolbar-right{order:2;flex:0 0 auto}.toolbar-center{order:3;flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap;gap:10px}}.storyboard-container{background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);padding:20px;order:10}.storyboard-title{font-size:14px;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.storyboard-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:32px;padding:12px 0;align-items:flex-start}@media (max-width: 1800px){.storyboard-strip{grid-template-columns:repeat(6,1fr)}}@media (max-width: 1400px){.storyboard-strip{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1000px){.storyboard-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.storyboard-strip{grid-template-columns:repeat(2,1fr)}}.storyboard-scene{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:8px;border:2px solid transparent;transition:all .2s ease;position:relative;min-width:120px}.storyboard-scene:hover{background:var(--hover-bg, #f3f4f6)}.storyboard-scene.selected{border-color:var(--primary-color, #2563eb);background:#2563eb0d}.scene-number{position:absolute;top:-4px;left:-4px;width:24px;height:24px;background:var(--primary-color, #2563eb);color:#fff;border-radius:50%;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;z-index:1}.scene-delete-btn{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;opacity:0;transition:opacity .15s ease,transform .15s ease;line-height:1;padding:0}.storyboard-scene:hover .scene-delete-btn{opacity:1}.scene-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.scene-thumbnail{width:100px;height:140px;border-radius:8px;overflow:hidden;background:var(--hover-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:center}.scene-thumbnail.generating{border-color:var(--primary-color, #2563eb);animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.scene-thumbnail img{width:100%;height:100%;object-fit:cover}.scene-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted, #9ca3af)}.empty-icon{font-size:28px;font-weight:300;line-height:1}.scene-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.loading-text{font-size:10px;color:var(--primary-color, #2563eb)}.scene-video-preview{position:relative;width:100%;height:100%}.scene-video-preview video{width:100%;height:100%;object-fit:cover}.video-badge{position:absolute;bottom:4px;right:4px;padding:2px 6px;background:#000000b3;color:#fff;font-size:9px;font-weight:600;border-radius:3px;text-transform:uppercase}.storyboard-scene.has-video .scene-number{background:#10b981}.storyboard-status{font-size:12px;color:#10b981;font-weight:500}.scene-label{font-size:12px;color:var(--text-muted, #6b7280);text-align:center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-connector{position:absolute;right:-24px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px}.mask-merge-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 2px 8px #f59e0b66;cursor:help;animation:mask-pulse 2s ease-in-out infinite}.mask-merge-indicator .merge-icon{font-size:14px;color:#fff;font-weight:700}@keyframes mask-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #f59e0b66}50%{transform:scale(1.1);box-shadow:0 4px 12px #f59e0b99}}.connector-arrow{color:var(--text-muted, #9ca3af);font-size:18px}.transition-indicator{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d;min-width:48px}.transition-indicator:hover{transform:scale(1.1);box-shadow:0 4px 12px #6366f166}.transition-indicator.mask-fusion-active{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 2px 8px #f9731666}.transition-indicator.mask-fusion-active:hover{box-shadow:0 4px 12px #f9731680}.transition-icon{font-size:14px;color:#fff;line-height:1}.transition-label{font-size:8px;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.transition-picker,.transition-picker-portal{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border-radius:12px;box-shadow:0 10px 40px #00000080,0 -5px 20px #0000004d;border:1px solid rgba(255,255,255,.15);min-width:300px;overflow:hidden}.transition-picker{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;z-index:1000}.transition-picker-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.transition-picker-header span{font-size:12px;font-weight:600;color:#e2e8f0}.picker-close{background:transparent;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.picker-close:hover{color:#ef4444}.transition-options{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;max-height:280px;overflow-y:auto}.transition-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:#ffffff0d;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.transition-option:hover{background:#ffffff1a;border-color:#fff3}.transition-option.selected{background:#818cf833;border-color:#818cf8}.transition-option .option-icon{font-size:18px;color:#e2e8f0}.transition-option .option-label{font-size:10px;color:#9ca3af;font-weight:500}.transition-option.selected .option-label{color:#818cf8}.transition-select-container{display:flex;align-items:center;gap:8px;position:relative}.transition-select-icon{position:absolute;left:12px;font-size:16px;color:#6366f1;z-index:1;pointer-events:none}.transition-select{padding-left:36px!important}.storyboard-actions{display:flex;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.scene-editor{background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);overflow:hidden}.scene-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--hover-bg, #f9fafb)}.scene-editor-header h3{font-size:16px;font-weight:600;color:var(--text-color, #1f2937);margin:0}.scene-nav{display:flex;align-items:center;gap:12px}.nav-btn{padding:6px 12px;border:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #fff);border-radius:6px;font-size:13px;cursor:pointer;color:var(--text-color, #1f2937);transition:all .2s ease}.nav-btn:hover:not(:disabled){background:var(--hover-bg, #f3f4f6)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.scene-indicator{font-size:14px;font-weight:500;color:var(--text-muted, #6b7280)}.scene-editor-content{padding:20px;display:flex;flex-direction:column;gap:20px}.editor-section{display:flex;flex-direction:column;gap:8px}.editor-label{font-size:13px;font-weight:600;color:var(--text-color, #1f2937)}.editor-textarea{width:100%;padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;resize:vertical;font-family:inherit;color:var(--text-color, #1f2937);background:var(--card-bg, #fff)}.editor-textarea:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.editor-input{width:100%;padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;color:var(--text-color, #1f2937);background:var(--card-bg, #fff)}.editor-input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.editor-select{padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;background:var(--card-bg, #fff);color:var(--text-color, #1f2937);cursor:pointer}.editor-main{display:grid;grid-template-columns:1fr 300px;gap:24px}.editor-main:not(:has(.editor-settings)){grid-template-columns:1fr}.editor-main.full-width{grid-template-columns:1fr}.editor-canvas{display:flex;flex-direction:column;gap:16px;align-items:center}.canvas-preview{width:100%;max-width:400px;background:var(--hover-bg, #f3f4f6);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color, #e5e7eb)}.canvas-preview.aspect-9-16{aspect-ratio:9/16}.canvas-preview.aspect-16-9{aspect-ratio:16/9}.canvas-preview.aspect-1-1{aspect-ratio:1/1}.canvas-preview.aspect-4-5{aspect-ratio:4/5}.canvas-preview img{width:100%;height:100%;object-fit:cover}.canvas-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted, #9ca3af);text-align:center;padding:20px}.empty-text{font-size:14px;font-weight:500}.empty-hint{font-size:12px}.canvas-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--primary-color, #2563eb)}.canvas-reference{position:relative;width:100%;height:100%}.canvas-reference img{width:100%;height:100%;object-fit:cover;opacity:.7}.reference-badge{position:absolute;top:8px;right:8px;padding:4px 8px;background:#000000b3;color:#fff;font-size:11px;font-weight:500;border-radius:4px}.generate-btn{width:100%;max-width:400px}.generate-section{display:flex;flex-direction:column;gap:10px;margin-top:12px}.generate-btn-inline{width:100%;padding:14px 24px;font-size:15px;font-weight:600}.reference-indicator{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px}.reference-indicator-content{display:flex;align-items:center;gap:10px}.reference-indicator-thumb{width:32px;height:32px;object-fit:cover;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.reference-indicator-text{font-size:13px;font-weight:500;color:#92400e}.reference-indicator-clear{width:24px;height:24px;border:none;background:#0000001a;color:#92400e;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.reference-indicator-clear:hover{background:#0003}.editor-settings{display:flex;flex-direction:column;gap:20px}.settings-section,.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-option:hover{background:var(--hover-bg, #f3f4f6)}.radio-option input[type=radio]{accent-color:var(--primary-color, #2563eb)}.radio-option span{font-size:14px;color:var(--text-color, #1f2937)}.reference-upload{width:100%}.upload-area{display:flex;align-items:center;justify-content:center;padding:24px;border:2px dashed var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease}.upload-area:hover{border-color:var(--primary-color, #2563eb);background:#2563eb0d}.upload-area input{display:none}.upload-text{font-size:13px;color:var(--text-muted, #6b7280)}.reference-preview{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden}.reference-preview img{width:100%;height:100%;object-fit:cover}.remove-reference{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-reference:hover{background:#dc2626}.multi-reference-upload{width:100%}.multi-ref-hint{font-size:12px;color:var(--text-muted, #6b7280);margin:0 0 12px;line-height:1.4}.multi-ref-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.multi-ref-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--surface-color, #f9fafb);border:1px solid var(--border-color, #e5e7eb)}.multi-ref-item img{width:100%;height:100%;object-fit:cover}.multi-ref-item .remove-reference{width:20px;height:20px;font-size:14px;top:4px;right:4px}.multi-ref-item .ref-label{position:absolute;bottom:0;left:0;right:0;padding:4px;font-size:10px;color:#fff;background:linear-gradient(transparent,#000000b3);text-align:center}.multi-ref-add{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:2px dashed var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--surface-color, #f9fafb)}.multi-ref-add:hover{border-color:var(--primary-color, #2563eb);background:#2563eb0d}.multi-ref-add input{display:none}.multi-ref-add .add-icon{font-size:24px;color:var(--text-muted, #6b7280);line-height:1;margin-bottom:4px}.multi-ref-add .add-text{font-size:10px;color:var(--text-muted, #6b7280)}.multi-ref-add:hover .add-icon,.multi-ref-add:hover .add-text{color:var(--primary-color, #2563eb)}.reference-options{display:flex;flex-direction:column;gap:12px}.reference-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted, #6b7280);font-size:12px}.reference-divider:before,.reference-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #e5e7eb)}.url-input-group{display:flex;gap:8px}.url-input{flex:1;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:13px;color:var(--text-color, #1f2937);background:var(--card-bg, #fff);transition:border-color .2s ease}.url-input:focus{outline:none;border-color:var(--primary-color, #2563eb)}.url-input::placeholder{color:var(--text-muted, #9ca3af)}.url-submit-btn{padding:10px 16px;border:none;border-radius:6px;background:var(--primary-color, #2563eb);color:#fff;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s ease}.url-submit-btn:hover{background:var(--primary-hover, #1d4ed8)}.spinner{width:24px;height:24px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--primary-color, #2563eb);border-radius:50%;animation:spin .8s linear infinite}.spinner.large{width:40px;height:40px;border-width:4px}.project-actions{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid var(--border-color, #e5e7eb);margin-right:4px}.studio-btn.text{background:transparent;color:var(--text-muted, #6b7280);padding:8px 12px}.studio-btn.text:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #1f2937)}.unsaved-indicator{color:#f59e0b;font-size:18px;line-height:1}.projects-panel{position:fixed;top:80px;right:20px;width:320px;max-height:calc(100vh - 100px);background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 20px 40px #00000026;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.projects-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--hover-bg, #f9fafb)}.projects-panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color, #1f2937)}.close-btn{width:28px;height:28px;border:none;background:transparent;border-radius:6px;font-size:20px;color:var(--text-muted, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:var(--border-color, #e5e7eb);color:var(--text-color, #1f2937)}.projects-panel-actions{padding:12px 20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.projects-list{flex:1;overflow-y:auto;padding:12px}.projects-loading{text-align:center;padding:40px 20px;color:var(--text-muted, #9ca3af);font-size:14px}.projects-empty{text-align:center;padding:40px 20px}.projects-empty p{margin:0;color:var(--text-muted, #9ca3af)}.projects-empty-hint{font-size:13px;margin-top:8px!important}.project-item{display:flex;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:8px}.project-item:hover{background:var(--hover-bg, #f3f4f6)}.project-item.current{background:#2563eb14;border:1px solid rgba(37,99,235,.2)}.project-thumbnail{width:48px;height:64px;border-radius:6px;overflow:hidden;background:var(--hover-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);flex-shrink:0;display:flex;align-items:center;justify-content:center}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{font-size:20px}.project-info{flex:1;min-width:0}.project-name{font-size:14px;font-weight:600;color:var(--text-color, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.project-meta{display:flex;gap:8px;align-items:center;margin-bottom:4px}.project-status{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.project-status.draft{background:#f3f4f6;color:#6b7280}.project-status.processing{background:#fef3c7;color:#92400e}.project-status.completed{background:#dcfce7;color:#166534}.project-scenes,.project-date{font-size:12px;color:var(--text-muted, #9ca3af)}.current-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:600;padding:2px 6px;background:var(--primary-color, #2563eb);color:#fff;border-radius:4px}.image-gallery-tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;background:var(--hover-bg, #f3f4f6);border-radius:8px;overflow-x:auto}.image-gallery-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #6b7280);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.image-gallery-tab:hover:not(:disabled){background:#fffc;color:var(--text-primary, #111827)}.image-gallery-tab:disabled{opacity:.4;cursor:not-allowed}.image-gallery-tab.active{background:var(--primary-color, #2563eb);color:#fff;box-shadow:0 2px 4px #2563eb4d}.image-gallery-tab.active .tab-count{background:#ffffff4d;color:#fff}.image-gallery-tab.current-scene:not(.active){border:2px solid var(--primary-color, #2563eb);background:#2563eb1a;color:var(--primary-color, #2563eb)}.tab-label{font-weight:600}.tab-count{font-size:10px;padding:2px 5px;background:var(--border-color, #e5e7eb);border-radius:10px;font-weight:600;min-width:18px;text-align:center}.generation-gallery{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0}.gallery-item{position:relative;width:120px;height:160px;border-radius:8px;overflow:hidden;border:2px solid var(--border-color, #e5e7eb);cursor:pointer;transition:all .2s ease;background:var(--hover-bg, #f3f4f6)}.gallery-item:hover{border-color:var(--primary-color, #2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gallery-item.selected{border-color:#10b981;border-width:3px;box-shadow:0 0 0 3px #10b98133}.gallery-item img,.gallery-item video{width:100%;height:100%;object-fit:cover}.selected-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%);padding:3px 10px;background:#10b981;color:#fff;font-size:10px;font-weight:600;border-radius:10px;text-transform:uppercase;white-space:nowrap}.label-hint{font-weight:400;font-size:12px;color:var(--text-muted, #9ca3af);margin-left:8px}.image-section,.video-section,.music-section.editor-section{background:#1e1e36;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.video-controls{display:flex;align-items:center;gap:16px;margin-bottom:12px}.video-count{font-size:13px;color:var(--text-muted, #6b7280)}.video-gallery{margin-top:12px}.other-scenes-section{background:var(--hover-bg, #f9fafb);padding:16px;border-radius:12px;border:1px solid var(--border-color, #e5e7eb);margin-top:8px}.other-scenes-gallery{display:flex;flex-direction:column;gap:16px;margin-top:8px}.other-scene-group{display:flex;flex-direction:column;gap:8px}.other-scene-label{font-size:12px;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.generation-gallery.compact{gap:8px}.generation-gallery.compact .gallery-item{width:80px;height:106px;border-radius:6px}.gallery-item.copyable{cursor:pointer;position:relative}.gallery-item.copyable:before{content:"";position:absolute;inset:0;background:#2563eb00;border-radius:inherit;transition:background .2s;z-index:1}.gallery-item.copyable:hover:before{background:#2563eb4d}.gallery-item.copyable .copy-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%) translateY(4px);background:#2563eb;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;opacity:0;transition:opacity .2s,transform .2s;z-index:2;white-space:nowrap}.gallery-item.copyable:hover .copy-badge{opacity:1;transform:translate(-50%) translateY(0)}.delete-image-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#ef4444e6;border:none;color:#fff;font-size:16px;font-weight:700;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s,transform .15s,background-color .15s;z-index:10;display:flex;align-items:center;justify-content:center;padding:0}.gallery-item:hover .delete-image-btn{opacity:1}.delete-image-btn:hover{background:#dc2626;transform:scale(1.1)}.delete-image-btn:active{transform:scale(.95)}.gallery-item.upload-item{border-style:dashed;border-color:var(--border-color, #d1d5db);background:var(--hover-bg, #f9fafb)}.gallery-item.upload-item:hover{border-color:var(--primary-color, #2563eb);background:var(--hover-bg, #eff6ff)}.gallery-item.upload-item .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:4px}.gallery-item.upload-item .upload-icon{font-size:28px;font-weight:300;color:var(--muted-color, #9ca3af);line-height:1}.gallery-item.upload-item .upload-text{font-size:11px;color:var(--muted-color, #9ca3af);text-align:center}.gallery-item.upload-item:hover .upload-icon,.gallery-item.upload-item:hover .upload-text{color:var(--primary-color, #2563eb)}.extract-frame-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin-top:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.extract-frame-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.extract-frame-action-btn:active{transform:translateY(0)}.extract-frame-action-btn:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.extract-frame-action-btn .btn-icon{font-size:16px}@media (max-width: 900px){.editor-main{grid-template-columns:1fr}.studio-header{flex-direction:column;gap:16px}.studio-header-left,.studio-header-center,.studio-header-right{width:100%;justify-content:center}.studio-controls{flex-direction:column;align-items:flex-start}.control-group-actions{margin-left:0;width:100%;justify-content:flex-end}.storyboard-strip{padding-bottom:16px}.projects-panel{right:10px;left:10px;width:auto;max-height:60vh}.project-actions{border-right:none;padding-right:0;margin-right:0}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border-radius:16px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;width:32px;height:32px;border-radius:6px;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ff3b301a;border-color:#ff3b304d;color:#ff3b30}.modal-body{padding:24px 28px;overflow-y:auto;flex:1}.logo-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.logo-modal{background:var(--card-bg, #fff);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040}.logo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--hover-bg, #f9fafb)}.logo-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color, #1f2937)}.logo-modal-content{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.logo-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:flex-end;gap:12px}.image-editor-overlay{position:fixed;inset:0;background:#080a14b8;display:flex;align-items:center;justify-content:center;z-index:2200;padding:20px}.image-editor-modal{background:#151726;border-radius:16px;width:min(980px,96vw);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #00000073}.image-editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.image-editor-header h3{margin:0;font-size:18px;font-weight:600;color:#f8fafc}.image-editor-body{display:flex;gap:16px;padding:16px 20px 20px;overflow:auto}.image-editor-cropper-container{flex:1;background:#0f1120;border-radius:12px;position:relative;min-height:400px;height:500px;overflow:hidden}.image-editor-cropper-container .reactEasyCrop_Container{position:absolute;inset:0}.image-editor-cropper-container .reactEasyCrop_Image{will-change:transform}.image-editor-cropper-container .reactEasyCrop_CropArea{color:#ffffff80!important;border:2px solid #3b82f6!important}.image-editor-tools{width:240px;display:flex;flex-direction:column;gap:12px;color:#e2e8f0}.image-editor-tools .tool-row,.image-editor-section{display:flex;flex-direction:column;gap:8px}.image-editor-label{font-size:12px;font-weight:600;color:#f8fafc}.image-editor-aspect-buttons{display:flex;flex-wrap:wrap;gap:6px}.image-editor-aspect-btn{background:#94a3b824;border:1px solid rgba(148,163,184,.3);color:#e2e8f0;padding:6px 10px;border-radius:8px;font-size:11px;cursor:pointer}.image-editor-aspect-btn.active{background:#38bdf833;border-color:#38bdf899;color:#f8fafc}.image-editor-zoom-slider{width:100%;height:6px;border-radius:3px;background:#94a3b833;outline:none;-webkit-appearance:none}.image-editor-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#38bdf8;cursor:pointer;border:2px solid #0f1120}.image-editor-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#38bdf8;cursor:pointer;border:2px solid #0f1120}.image-editor-actions{display:flex;flex-direction:column;gap:8px}.image-editor-hint{font-size:12px;color:#e2e8f0b3;display:flex;flex-direction:column;gap:6px}.image-editor-size{font-weight:600;color:#f8fafc}@media (max-width: 900px){.image-editor-body{flex-direction:column}.image-editor-tools{width:100%}}.logo-upload-section{display:flex;flex-direction:column;gap:12px}.logo-upload-area{display:flex;align-items:center;justify-content:center;padding:40px 24px;border:2px dashed var(--border-color, #e5e7eb);border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--hover-bg, #f9fafb)}.logo-upload-area:hover{border-color:var(--primary-color, #2563eb);background:#2563eb0d}.logo-upload-area input{display:none}.upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{font-size:32px;color:var(--text-muted, #9ca3af);font-weight:300}.upload-hint{font-size:12px;color:var(--text-muted, #9ca3af)}.logo-preview-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:var(--hover-bg, #f9fafb);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.logo-preview-img{max-width:150px;max-height:100px;object-fit:contain;border-radius:8px;background:repeating-conic-gradient(#e5e7eb 0% 25%,transparent 0% 50%) 50% / 16px 16px}.logo-position-section{display:flex;flex-direction:column;gap:12px}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--hover-bg, #f9fafb);padding:16px;border-radius:12px;border:1px solid var(--border-color, #e5e7eb);aspect-ratio:16/9}.position-btn{display:flex;align-items:center;justify-content:center;border:2px solid transparent;background:var(--card-bg, #fff);border-radius:8px;cursor:pointer;transition:all .2s ease}.position-btn:hover{border-color:var(--primary-color, #2563eb)}.position-btn.active{border-color:var(--primary-color, #2563eb);background:#2563eb1a}.position-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color, #d1d5db);transition:all .2s ease}.position-btn.active .position-dot{background:var(--primary-color, #2563eb);transform:scale(1.2)}.position-label{font-size:13px;color:var(--text-muted, #6b7280);text-align:center}.logo-setting{display:flex;flex-direction:column;gap:8px}.logo-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--border-color, #e5e7eb);border-radius:3px;outline:none;cursor:pointer}.logo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color, #2563eb);cursor:pointer;transition:transform .2s ease}.logo-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.logo-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color, #2563eb);cursor:pointer;border:none}.logo-preview-section{display:flex;flex-direction:column;gap:12px}.logo-preview-frame{border-radius:12px;overflow:hidden;border:1px solid var(--border-color, #e5e7eb)}.logo-preview-frame.aspect-9-16{aspect-ratio:9/16;max-height:200px}.logo-preview-frame.aspect-16-9{aspect-ratio:16/9}.logo-preview-frame.aspect-1-1{aspect-ratio:1/1;max-height:200px}.logo-preview-frame.aspect-4-5{aspect-ratio:4/5;max-height:200px}.preview-bg{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;display:flex}.preview-logo{position:absolute;max-width:30%;object-fit:contain}.preview-logo.pos-top-left{top:0;left:0}.preview-logo.pos-top-center{top:0;left:50%;transform:translate(-50%)}.preview-logo.pos-top-right{top:0;right:0}.preview-logo.pos-center-left{top:50%;left:0;transform:translateY(-50%)}.preview-logo.pos-center{top:50%;left:50%;transform:translate(-50%,-50%)}.preview-logo.pos-center-right{top:50%;right:0;transform:translateY(-50%)}.preview-logo.pos-bottom-left{bottom:0;left:0}.preview-logo.pos-bottom-center{bottom:0;left:50%;transform:translate(-50%)}.preview-logo.pos-bottom-right{bottom:0;right:0}.studio-btn.logo-active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.studio-btn.logo-active:hover{background:linear-gradient(135deg,#bbf7d0,#86efac)}.voiceover-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.voiceover-modal{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1)}.voiceover-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.voiceover-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px}.voiceover-modal-close{background:#ffffff1a;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s}.voiceover-modal-close:hover{background:#ef444433;color:#ef4444}.voiceover-modal-content{padding:24px;overflow-y:auto;flex:1}.voiceover-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.voiceover-script-section{margin-bottom:24px}.voiceover-script-section label{display:block;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:8px}.script-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.script-header label{margin-bottom:0}.generate-script-btn{background:linear-gradient(135deg,#818cf8,#6366f1);border:none;border-radius:8px;padding:8px 16px;font-size:.8rem;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.generate-script-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5);transform:translateY(-1px)}.generate-script-btn:disabled{opacity:.6;cursor:not-allowed}.voiceover-textarea{width:100%;min-height:150px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0000004d;color:#e2e8f0;font-size:.95rem;line-height:1.6;resize:vertical;font-family:inherit;transition:all .2s}.voiceover-textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.voiceover-textarea::placeholder{color:#6b7280}.script-stats{display:flex;gap:16px;margin-top:8px;font-size:.8rem;color:#9ca3af}.script-stats span{display:flex;align-items:center;gap:4px}.voiceover-voice-section{margin-bottom:24px}.voiceover-voice-section label{display:block;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:12px}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.voice-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;cursor:pointer;transition:all .2s;text-align:center}.voice-option:hover{background:#ffffff1a;border-color:#fff3}.voice-option.selected{background:#818cf826;border-color:#818cf8}.voice-name{font-weight:600;color:#fff;font-size:.9rem;margin-bottom:4px}.voice-desc{font-size:.7rem;color:#9ca3af;line-height:1.3}.voiceover-audio-section{margin-bottom:24px}.voiceover-audio-section label{display:block;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:12px}.audio-preview-container{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px}.generate-audio-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:12px 20px;font-size:.9rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.generate-audio-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.generate-audio-btn:disabled{opacity:.6;cursor:not-allowed}.audio-player-wrapper{margin-top:16px}.voiceover-audio-player{width:100%;height:40px;border-radius:8px}.audio-status{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:.85rem}.audio-status.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.voiceover-enable-section{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.enable-label{display:flex;flex-direction:column;gap:4px}.enable-label span:first-child{font-weight:500;color:#fff}.enable-label span:last-child{font-size:.8rem;color:#9ca3af}.voiceover-toggle{position:relative;width:52px;height:28px}.voiceover-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff26;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}.voiceover-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.voiceover-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.studio-btn.voiceover-active{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.studio-btn.voiceover-active:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)}.voiceover-not-configured{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:10px;padding:16px;margin-bottom:20px;color:#fcd34d;font-size:.875rem;line-height:1.5}.voiceover-not-configured strong{display:block;margin-bottom:6px}.voice-enhance-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);grid-column:1 / -1;width:100%}.voice-enhance-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.enhance-icon{font-size:14px;color:#a5b4fc}.enhance-label{font-size:12px;font-weight:600;color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em}.voice-enhance-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.emotion-select{width:100%;padding:10px 14px;font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236366f1' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.emotion-select:hover{border-color:#fff3;background-color:#ffffff14}.emotion-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.emotion-select option{background:#1e1e36;color:#fff;padding:10px}.speed-control{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1)}.speed-control:hover{border-color:#a5b4fc4d}.speed-control label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.speed-slider-container{display:flex;align-items:center;gap:12px}.speed-slider{flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#6366f1);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #6366f166;transition:transform .15s ease,box-shadow .15s ease}.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 12px #6366f199}.speed-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#6366f1);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #6366f166}.speed-value{min-width:50px;padding:6px 12px;font-size:14px;font-weight:600;color:#a5b4fc;background:#6366f11a;border-radius:6px;text-align:center}.acting-instructions-control{display:flex;flex-direction:column;gap:8px}.acting-instructions-control label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.acting-instructions-input{width:100%;min-height:70px;padding:10px 12px;font-size:13px;font-family:inherit;line-height:1.5;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;resize:vertical;transition:all .2s ease}.acting-instructions-input:hover{border-color:#fff3}.acting-instructions-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;background:#ffffff14}.acting-instructions-input::placeholder{color:#fff6}.generate-voiceover-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;margin-top:12px;font-size:13px;font-weight:600;color:#fff;background:#6366f1;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d}.generate-voiceover-btn:hover:not(:disabled){background:#5558e3;transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.generate-voiceover-btn:active:not(:disabled){transform:translateY(0)}.generate-voiceover-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-voiceover-btn.generating{background:#4f46e5;animation:pulse-btn 1.5s infinite}@keyframes pulse-btn{0%,to{opacity:1;box-shadow:0 2px 8px #6366f14d}50%{opacity:.85;box-shadow:0 4px 16px #6366f180}}.generate-voiceover-btn .btn-icon{font-size:16px}[data-theme=light] .voice-enhance-section{background:linear-gradient(135deg,#8b5cf60f,#10b9810f)}[data-theme=light] .emotion-select,[data-theme=light] .acting-instructions-input{background:#ffffffe6;color:#374151}[data-theme=light] .emotion-select option{background:#fff;color:#374151}[data-theme=light] .speed-value{background:#8b5cf61a;color:#7c3aed}.workflow-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.workflow-guidance{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:10px;padding:12px 16px}.guidance-content{display:flex;align-items:center;gap:12px}.guidance-content .guidance-text{flex:1}.guidance-icon{font-size:20px;flex-shrink:0}.guidance-text{display:flex;flex-direction:column;gap:4px}.guidance-text strong{font-size:14px;font-weight:600;color:#1e40af}.guidance-text span{font-size:13px;color:#3b82f6;line-height:1.4}.review-guidance{flex-direction:column;align-items:stretch;gap:16px}.review-guidance-row{display:flex;align-items:center;gap:12px}.music-section{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:12px 16px}.music-header{display:flex;align-items:center;gap:8px}.music-icon{font-size:18px}.music-title{font-size:13px;font-weight:600;color:#fff;flex:1}.music-toggle{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.music-toggle input{opacity:0;width:0;height:0}.music-toggle .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.2s;border-radius:20px}.music-toggle .toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.music-toggle input:checked+.toggle-slider{background-color:#3b82f6}.music-toggle input:checked+.toggle-slider:before{transform:translate(16px)}.music-controls{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.music-preset-select{padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;background:#ffffff0d;color:#fff;cursor:pointer;min-width:120px}.music-prompt-input{flex:1;min-width:150px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;background:#ffffff0d;color:#fff}.music-prompt-input::placeholder{color:#ffffff80}.music-preview{display:flex;align-items:center;gap:8px;flex:1}.music-audio-player{height:32px;flex:1;min-width:180px}.review-actions{display:flex;justify-content:flex-end}.music-controls-wrapper{display:flex;flex-direction:column;gap:10px;margin-top:12px}.music-image-options{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);margin-top:0}.music-duration-group,.music-effect-group{display:flex;flex-direction:column;gap:4px}.music-control-label{font-size:11px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px}.music-duration-select,.music-effect-select{padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;background:#ffffff0d;color:#fff;cursor:pointer;min-width:130px}.music-duration-select:disabled,.music-effect-select:disabled{background:#ffffff05;color:#fff6;cursor:not-allowed;opacity:.7}.storyboard-stats{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--hover-bg, #f9fafb);border-radius:8px;border:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:6px}.stat-label{font-size:12px;color:var(--text-muted, #6b7280)}.stat-value{font-size:13px;font-weight:600;color:var(--text-color, #1f2937)}.stat-value.complete{color:#10b981}.stat-divider{width:1px;height:20px;background:var(--border-color, #e5e7eb)}.storyboard-ready-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;font-size:11px;font-weight:600;border-radius:12px;margin-left:auto}.empty-scene-guidance{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--text-muted, #9ca3af)}.empty-scene-guidance .empty-icon{font-size:32px;margin-bottom:8px;opacity:.6}.empty-scene-guidance .empty-title{font-size:13px;font-weight:500;color:var(--text-color, #6b7280);margin-bottom:4px}.empty-scene-guidance .empty-hint{font-size:11px;line-height:1.4}.generation-progress{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;margin-bottom:12px}.generation-progress-text{display:flex;flex-direction:column;gap:2px}.generation-progress-text strong{font-size:13px;font-weight:600;color:#92400e}.generation-progress-text span{font-size:12px;color:#a16207}.progress-bar-container{flex:1;height:6px;background:#92400e33;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;transition:width .3s ease}.video-preview-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-preview-modal{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.video-preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.video-preview-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:12px}.video-preview-content{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.video-player-container{display:flex;justify-content:center;background:#000;border-radius:12px;overflow:hidden}.preview-video{width:100%;max-height:400px;object-fit:contain}.preview-video.aspect-9-16{max-width:225px;height:400px}.preview-video.aspect-16-9{max-width:100%;height:auto}.preview-video.aspect-1-1{max-width:400px;height:400px}.preview-video.aspect-4-5{max-width:320px;height:400px}.video-info{text-align:center}.video-info h4{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#fff}.video-meta{display:flex;justify-content:center;gap:16px;font-size:.875rem;color:#9ca3af}.video-meta span{display:flex;align-items:center;gap:4px}.video-quick-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0d;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.action-btn.download{background:#10b98126;border-color:#10b9814d;color:#10b981}.action-btn.download:hover{background:#10b98140}.action-btn.copy{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.action-btn.copy:hover{background:#3b82f640}.action-btn.open{background:#8b5cf626;border-color:#8b5cf64d;color:#8b5cf6}.action-btn.open:hover{background:#8b5cf640}.action-icon{font-size:1.1rem}.use-in-ads-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.use-in-ads-section h4{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#fff}.section-desc{margin:0 0 16px;font-size:.875rem;color:#9ca3af}.platform-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.platform-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid var(--border-color, #3f3f46);border-radius:10px;background:transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.platform-chip:hover{border-color:#ffffff4d;transform:translateY(-1px)}.platform-chip.selected{border-width:2px}.platform-label{font-weight:500}.check-icon{font-size:.9rem;font-weight:700}.create-ad-btn{width:100%;padding:14px 24px;font-size:1rem}.video-preview-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.exported-videos-modal{max-width:900px;max-height:80vh}.exported-videos-content{padding:16px 24px;overflow-y:auto;max-height:60vh}.exported-videos-content .loading-state,.exported-videos-content .empty-state{text-align:center;padding:48px 24px;color:#9ca3af}.exported-videos-content .empty-hint{font-size:.875rem;margin-top:8px;color:#6b7280}.exported-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.exported-video-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .2s ease}.exported-video-card:hover{border-color:#fff3;background:#ffffff14}.exported-video-card .video-thumbnail{position:relative;aspect-ratio:16/9;background:#000}.exported-video-card .video-thumbnail video{width:100%;height:100%;object-fit:cover;cursor:pointer}.exported-video-card .video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.exported-video-card .video-info{padding:12px;text-align:left}.exported-video-card .video-name{display:block;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exported-video-card .video-meta{font-size:.75rem;color:#9ca3af}.exported-video-card .video-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 12px 12px}.action-btn-small{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#e2e8f0;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn-small:hover{background:#ffffff1a;border-color:#ffffff4d}.action-btn-small.open:hover{color:#3b82f6;border-color:#3b82f680}.action-btn-small.download:hover{color:#10b981;border-color:#10b98180}.action-btn-small.delete{color:#9ca3af}.action-btn-small.delete:hover{color:#ef4444;border-color:#ef444480;background:#ef44441a}.action-btn-small.delete:disabled{opacity:.5;cursor:not-allowed}.export-count{flex:1;font-size:.875rem;color:#9ca3af}.view-exports-btn{flex-shrink:0}.studio-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.studio-btn.success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.music-guidance{flex-direction:column;gap:16px}.music-guidance-header{display:flex;align-items:flex-start;gap:12px}.music-guidance .music-section{margin-top:8px}.music-actions{display:flex;justify-content:flex-end;margin-top:8px}.review-music-status{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--hover-bg, #f0fdf4);border:1px solid #86efac;border-radius:8px;margin:8px 0}.music-status-icon{font-size:18px}.music-status-text{font-size:13px;font-weight:500;color:#166534;flex:1}.music-audio-player-small{height:28px;max-width:180px}.timeline-editor{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;padding:16px;margin:12px 0}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.timeline-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.timeline-info{display:flex;gap:16px;font-size:12px;color:var(--text-muted, #888)}.timeline-track{display:flex;align-items:stretch;gap:12px;margin-bottom:12px}.track-label{width:100px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted, #aaa)}.track-label>span{display:flex;align-items:center;gap:6px}.track-mute{display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer;margin-top:4px;color:var(--text-muted, #888)}.track-mute input[type=checkbox]{width:14px;height:14px;cursor:pointer}.track-timeline{flex:1;position:relative;height:36px;background:var(--bg-tertiary, #252525);border-radius:6px;overflow:hidden}.track-bar{position:absolute;top:4px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:left .2s ease}.video-bar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:stretch}.music-bar{background:linear-gradient(135deg,#10b981,#059669)}.music-bar.draggable{cursor:grab}.bar-label{font-size:11px;font-weight:500;color:#fff;padding:0 8px;white-space:nowrap}.scene-segment{height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.3)}.scene-segment:last-child{border-right:none}.segment-label{font-size:10px;font-weight:600;color:#fff;opacity:.8}.time-markers{position:absolute;bottom:0;left:0;right:0;height:14px;pointer-events:none}.time-marker{position:absolute;transform:translate(-50%);font-size:9px;color:var(--text-muted, #666)}.timeline-controls{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #333)}.control-group{flex:1;min-width:150px}.control-group label{display:block;font-size:11px;font-weight:500;color:var(--text-muted, #888);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.slider-with-value{display:flex;align-items:center;gap:10px}.slider-with-value input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary, #333);border-radius:2px;outline:none}.slider-with-value input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:transform .15s ease}.slider-with-value input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.value-display{min-width:40px;font-size:12px;font-weight:500;color:var(--text-primary, #fff);text-align:right}.timeline-preview-actions{margin-top:16px;display:flex;justify-content:center}.image-panel,.video-panel,.music-panel,.review-panel{flex:1;display:flex;flex-direction:column;gap:20px;width:100%;grid-column:1 / -1}.image-preview-area,.video-preview-area,.lipsync-preview-area,.music-preview-area,.review-preview-area{background:var(--editor-bg-primary, #141414);border:1px solid var(--editor-border-subtle, #2a2a2a);border-radius:var(--editor-radius-lg, 8px);overflow:hidden;min-height:450px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 1px #ffffff05}.image-scene-display,.video-scene-display,.lipsync-scene-display,.music-scene-display,.review-scene-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:450px}.image-nav-btn,.video-nav-btn,.lipsync-nav-btn,.music-nav-btn,.review-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid var(--editor-border-color, #333333);background:var(--editor-bg-elevated, #2a2a2a);color:var(--editor-text-primary, #e8e8e8);font-size:22px;font-weight:500;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--editor-transition-normal, .18s ease-out);z-index:10;box-shadow:var(--editor-shadow-md, 0 2px 8px rgba(0, 0, 0, .5));background-image:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 50%)}.image-nav-btn:hover,.video-nav-btn:hover,.lipsync-nav-btn:hover,.music-nav-btn:hover,.review-nav-btn:hover{background:var(--editor-bg-hover, #333333);border-color:var(--editor-accent-primary, #00a8ff);transform:translateY(-50%) scale(1.08);box-shadow:var(--editor-shadow-lg, 0 4px 16px rgba(0, 0, 0, .6)),0 0 12px #00a8ff4d;color:var(--editor-accent-primary, #00a8ff)}.image-nav-btn:active,.video-nav-btn:active,.lipsync-nav-btn:active,.music-nav-btn:active,.review-nav-btn:active{transform:translateY(-50%) scale(.95);background:var(--editor-bg-active, #3d3d3d)}.image-nav-btn:focus-visible,.video-nav-btn:focus-visible,.lipsync-nav-btn:focus-visible,.music-nav-btn:focus-visible,.review-nav-btn:focus-visible{outline:none;box-shadow:var(--editor-shadow-lg, 0 4px 16px rgba(0, 0, 0, .6)),var(--editor-focus-ring, 0 0 0 2px rgba(0, 168, 255, .15)),0 0 0 3px var(--editor-accent-primary, #00a8ff)}.image-nav-btn.prev,.video-nav-btn.prev,.lipsync-nav-btn.prev,.music-nav-btn.prev,.review-nav-btn.prev{left:16px}.image-nav-btn.next,.video-nav-btn.next,.lipsync-nav-btn.next,.music-nav-btn.next,.review-nav-btn.next{right:16px}.image-scene-indicators,.video-scene-indicators,.lipsync-scene-indicators,.music-scene-indicators,.review-scene-indicators{position:absolute;bottom:52px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.image-scene-label,.video-scene-label,.lipsync-scene-label,.music-scene-label,.review-scene-label{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#1e1e36f2;color:#fff;border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 2px 12px #0006;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-controls-panel,.video-controls-panel,.music-controls-panel,.review-controls-panel{background:#1e1e36;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}.image-controls-header,.video-controls-header,.music-controls-header,.review-controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.image-controls-header h4,.video-controls-header h4,.music-controls-header h4,.review-controls-header h4{margin:0;font-size:15px;font-weight:700;color:#fff}.image-header-actions{display:flex;gap:8px;align-items:center}.image-edit-controls,.video-edit-controls,.music-edit-controls{display:flex;flex-direction:column;gap:12px}.image-control-row,.video-control-row,.music-control-row{display:flex;align-items:center;gap:12px}.image-control-row label,.video-control-row label,.music-control-row label{min-width:80px;font-size:12px;font-weight:500;color:#9ca3af}.image-control-row select,.video-control-row select,.music-control-row select,.music-control-row input[type=text]{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:12px;background:#ffffff0d;color:#fff;transition:border-color .2s,background .2s}.image-control-row select:focus,.video-control-row select:focus,.music-control-row select:focus,.music-control-row input:focus{outline:none;border-color:#6366f1;background:#ffffff14}.image-control-row select:disabled,.video-control-row select:disabled,.music-control-row select:disabled,.music-control-row input:disabled{opacity:.5;cursor:not-allowed}.audio-control-group{display:flex;align-items:center;gap:12px;flex:1}.audio-mute-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none}.audio-mute-checkbox input[type=checkbox]{cursor:pointer}.audio-volume-slider{flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;transition:background .2s}.audio-volume-slider::-webkit-slider-thumb:hover{background:#818cf8}.audio-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;border:none;transition:background .2s}.audio-volume-slider::-moz-range-thumb:hover{background:#818cf8}.audio-volume-slider:disabled{opacity:.5;cursor:not-allowed}.image-panel-actions,.video-panel-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.scene-type-badge{background:#6366f1cc;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.scene-type-badge.image{background:#22c55ecc}.scene-type-badge.video{background:#3b82f6cc}.scene-type-badge.reference{background:#f59e0bcc}.scene-type-badge.stickers{background:#9333eacc}.scene-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;padding:0;transition:background .2s,transform .2s}.scene-dot:hover{background:#fff9;transform:scale(1.2)}.scene-dot.active{background:#fff;transform:scale(1.2)}.scene-dot.has-image{background:#22c55e99}.scene-dot.has-image.active{background:#22c55e}.scene-dot.has-error{background:#ef444499}.scene-dot.has-error.active{background:#ef4444}.image-preview-empty,.video-preview-empty,.music-preview-empty,.review-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff9;gap:16px;padding:48px;text-align:center}.image-preview-empty .empty-icon,.video-preview-empty .empty-icon,.music-preview-empty .empty-icon,.review-preview-empty .empty-icon{font-size:48px;opacity:.6;color:#ffffff80}.image-loading-state,.video-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fffc}.video-ready-overlay,.music-indicator-overlay,.review-music-overlay{position:absolute;top:16px;right:16px;background:#22c55ee6;color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:10}.review-music-overlay{background:#000000bf;padding:6px 12px;border-radius:16px;font-size:12px}.image-single-preview,.video-single-preview,.lipsync-single-preview,.lipsync-source-video,.music-single-video,.music-single-image,.review-single-video{width:100%;max-height:550px;object-fit:contain}.timeline-scene-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#0009;border-radius:20px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-scene-indicator .scene-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.timeline-scene-indicator .scene-dot.active{background:#8b5cf6;box-shadow:0 0 8px #8b5cf699;transform:scale(1.2)}.timeline-scene-indicator .scene-dot.played{background:#8b5cf680}.timeline-scene-indicator .scene-label{color:#fff;font-size:12px;font-weight:500;margin-left:8px}.review-storyboard-preview{position:relative;display:flex;flex-direction:column;align-items:center}.video-source-image{max-width:100%;max-height:550px;object-fit:contain}.image-reference-preview{position:relative;display:flex;align-items:center;justify-content:center}.reference-overlay-badge{position:absolute;top:12px;right:12px;background:#f59e0be6;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.image-prompt-input{flex:1;padding:8px 10px;border:1px solid var(--border-color, #333);border-radius:6px;font-size:12px;background:#ffffff0d;color:var(--text-primary, #fff);resize:vertical;font-family:inherit;min-height:40px}.image-prompt-input:focus{outline:none;border-color:var(--accent, #6366f1)}.image-prompt-input::placeholder{color:var(--text-muted, #666)}.image-reference-inline{display:flex;align-items:center;gap:8px;flex:1}.image-reference-inline img{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color, #333)}.reference-remove-btn{width:20px;height:20px;border:none;background:#ef444433;color:#ef4444;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.reference-remove-btn:hover{background:#ef44444d}.image-upload-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:6px 12px;font-size:12px;font-weight:500;color:var(--accent, #6366f1);background:#6366f11a;border:1px dashed var(--accent, #6366f1);border-radius:6px;cursor:pointer;transition:all .15s ease}.image-upload-btn:hover{background:#6366f133}.image-upload-btn input{display:none}.video-ready-icon{font-size:16px}.video-source-thumbnail{position:absolute;top:16px;left:16px;width:80px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0006;border:2px solid rgba(255,255,255,.2);z-index:10;cursor:pointer;transition:transform .2s,border-color .2s}.video-source-thumbnail:hover{transform:scale(1.1);border-color:#ffffff80}.video-source-thumbnail img{width:100%;display:block}.video-source-thumbnail .source-label{position:absolute;bottom:0;left:0;right:0;padding:4px;background:#000000bf;color:#fff;font-size:9px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px}.video-source-thumbnail-container{position:absolute;top:16px;left:16px;z-index:10;display:flex;flex-direction:column;gap:6px;width:80px}.video-source-thumbnail-container .video-source-thumbnail{position:relative;top:auto;left:auto;width:100%}.video-source-actions{display:flex;flex-direction:column;gap:4px;width:100%}.source-action-btn{width:100%;padding:6px 4px;border:none;border-radius:6px;font-size:9px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .2s ease;text-align:center;line-height:1.2}.source-action-btn .action-icon{font-size:12px}.source-action-btn .action-text{font-size:8px;text-transform:uppercase;letter-spacing:.3px;opacity:.9}.source-action-btn.extract-frame-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 8px #0596694d}.source-action-btn.extract-frame-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 3px 10px #05966966}.source-action-btn.extract-frame-btn:disabled{background:#374151;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.source-action-btn.split-video-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 2px 8px #4f46e54d}.source-action-btn.split-video-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 3px 10px #4f46e566}.source-action-btn.split-video-btn:disabled{background:#374151;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.video-cost-hint{font-size:10px;color:var(--text-muted, #666);padding:4px 8px;background:#6366f11a;border-radius:4px;white-space:nowrap;margin-left:auto}.video-error-inline{background:#fef2f2;border:1px solid #FCA5A5;border-radius:8px;padding:12px}.video-error-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.video-error-header .error-icon{color:#dc2626;font-size:18px}.video-error-header .error-title{font-weight:600;color:#dc2626;flex:1}.video-error-header .error-dismiss{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:0;line-height:1}.video-error-header .error-dismiss:hover{color:#6b7280}.video-error-message{color:#7f1d1d;font-size:13px;margin-bottom:8px}.video-error-tips{background:#fff7ed;border:1px solid #FDBA74;border-radius:6px;padding:8px 12px;color:#9a3412;font-size:12px}.video-transition-select{display:flex;align-items:center;gap:8px;flex:1}.video-transition-select .transition-icon{font-size:14px}.video-transition-select select{flex:1;padding:6px 10px;border:1px solid var(--border-color, #333);border-radius:6px;font-size:12px;background:#ffffff0d;color:var(--text-primary, #fff)}.video-prompt-row{flex-direction:column;align-items:flex-start;gap:6px}.video-prompt-wrapper{display:flex;gap:8px;width:100%}.video-prompt-input{flex:1;min-height:50px;padding:8px 10px;background:#ffffff0d;border:1px solid var(--border-color, #333);border-radius:6px;font-size:12px;color:var(--text-primary, #fff);resize:vertical;font-family:inherit}.video-prompt-input:focus{outline:none;border-color:var(--primary-color, #6366f1)}.video-prompt-input::placeholder{color:var(--text-secondary, #888)}.video-prompt-input:disabled{opacity:.5;cursor:not-allowed}.analyze-btn{white-space:nowrap;align-self:flex-start}.music-indicator-icon{font-size:16px}.music-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.music-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.music-item:hover{background:#ffffff1a}.music-item.selected{border-color:var(--accent, #6366f1);background:#6366f11a}.music-item-icon{font-size:16px}.music-item-label{font-size:12px;color:var(--text-secondary, #888);text-transform:capitalize}.music-remove-btn{background:none;border:none;color:#ff6b6b;font-size:16px;cursor:pointer;padding:0 4px;opacity:.6;transition:opacity .2s ease}.music-remove-btn:hover{opacity:1}.music-edit-controls{display:flex;flex-direction:column;gap:12px}.music-control-row{display:flex;align-items:center;gap:12px}.music-control-row label{min-width:80px;font-size:12px;color:var(--text-secondary, #888)}.music-control-row select,.music-control-row input[type=text]{flex:1;padding:6px 10px;border:1px solid var(--border-color, #333);border-radius:6px;font-size:12px;background:#ffffff0d;color:var(--text-primary, #fff)}.music-control-row select:focus,.music-control-row input:focus{outline:none;border-color:var(--accent, #6366f1)}.music-control-row select:disabled,.music-control-row input:disabled{opacity:.5;cursor:not-allowed}.music-control-row.full-width{flex-wrap:wrap}.music-control-row.full-width input{width:100%;margin-top:6px}.music-toggle-inline{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.music-toggle-inline input{opacity:0;width:0;height:0}.toggle-slider-small{position:absolute;inset:0;background-color:#fff3;border-radius:20px;transition:.3s}.toggle-slider-small:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.music-toggle-inline input:checked+.toggle-slider-small{background-color:var(--accent, #6366f1)}.music-current-track{margin-top:16px;padding:16px;background:var(--hover-bg, #f9fafb);border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.music-current-track .track-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.music-current-track .track-label{font-size:14px;font-weight:600;color:var(--text-primary, #1f2937)}.music-current-track audio{width:100%;height:32px}.narration-controls-panel{background:#12121a;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.08);margin-top:16px}.narration-controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.narration-controls-header h4{margin:0;font-size:14px;font-weight:600;color:#fff}.narration-header-actions{display:flex;gap:8px}.narration-edit-controls{display:flex;flex-direction:column;gap:10px}.narration-control-row{display:flex;align-items:center;gap:12px}.narration-control-row label{min-width:80px;font-size:12px;color:var(--text-secondary, #888)}.narration-control-row select,.narration-control-row input[type=text]{flex:1;padding:6px 10px;border:1px solid var(--border-color, #333);border-radius:6px;font-size:12px;background:#ffffff0d;color:var(--text-primary, #fff)}.narration-control-row textarea{flex:1;padding:8px 10px;border:1px solid var(--border-color, #333);border-radius:6px;font-size:12px;background:#ffffff0d;color:var(--text-primary, #fff);resize:vertical;min-height:80px;font-family:inherit;line-height:1.4}.narration-control-row select:focus,.narration-control-row input:focus,.narration-control-row textarea:focus{outline:none;border-color:var(--accent, #6366f1)}.narration-control-row select:disabled,.narration-control-row input:disabled,.narration-control-row textarea:disabled{opacity:.5;cursor:not-allowed}.narration-control-row.full-width{flex-direction:column;align-items:stretch}.narration-control-row.full-width label{margin-bottom:6px}.narration-control-row.full-width textarea,.narration-control-row.full-width button{width:100%}.voice-description{font-size:11px;color:#ffffff80;padding-left:92px;margin-top:-4px;font-style:italic}.narration-toggle-inline{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.narration-toggle-inline input{opacity:0;width:0;height:0}.narration-toggle-inline .toggle-slider-small{position:absolute;inset:0;background-color:#fff3;border-radius:20px;transition:.3s}.narration-toggle-inline .toggle-slider-small:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.narration-toggle-inline input:checked+.toggle-slider-small{background-color:var(--accent, #6366f1)}.narration-toggle-inline input:checked+.toggle-slider-small:before{transform:translate(16px)}.narration-duration-info{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.narration-duration-info .duration-badge{font-size:11px;padding:4px 8px;border-radius:4px;background:#6366f126;color:#a5b4fc;font-weight:500}.script-stats{font-weight:400;font-size:11px;color:#9ca3af;margin-left:8px}.narration-prompt-input{min-height:50px!important;background:#6366f10d!important;border-color:#6366f14d!important}.narration-prompt-input:focus{border-color:var(--accent, #6366f1)!important;box-shadow:0 0 0 2px #6366f126}.image-panel,.video-panel,.music-panel,.sync-post-panel,.lipsync-panel,.review-panel{--studio-bg-deep: #1a1a2e;--studio-bg-surface: #16162a;--studio-bg-card: #1e1e36;--studio-bg-elevated: #252542;--studio-border: rgba(255, 255, 255, .1);--studio-border-hover: rgba(255, 255, 255, .2);--studio-border-focus: #6366f1;--studio-accent: #6366f1;--studio-accent-light: #818cf8;--studio-accent-soft: rgba(99, 102, 241, .15);--studio-accent-glow: rgba(99, 102, 241, .25);--studio-text: #ffffff;--studio-text-muted: #a5b4fc;--studio-text-dim: #9ca3af;--studio-success: #22c55e;--studio-warning: #f59e0b;--studio-error: #ef4444;--studio-shadow: 0 2px 8px rgba(0, 0, 0, .3);--studio-shadow-lg: 0 4px 20px rgba(0, 0, 0, .4);--studio-transition: .2s ease;--studio-radius-sm: 8px;--studio-radius-md: 10px;--studio-radius-lg: 12px;--studio-radius-xl: 16px}.image-controls-panel,.video-controls-panel,.music-controls-panel,.lipsync-controls-panel,.review-controls-panel,.narration-controls-panel{position:relative;background:var(--studio-bg-card);border:1px solid var(--studio-border);border-radius:var(--studio-radius-xl);padding:24px;box-shadow:var(--studio-shadow-lg)}.image-controls-header h4,.video-controls-header h4,.music-controls-header h4,.lipsync-controls-header h4,.review-controls-header h4,.narration-controls-header h4{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:15px;font-weight:700;color:var(--studio-text)}.controls-section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--studio-accent-soft);border:1px solid var(--studio-accent-glow);border-radius:var(--studio-radius-sm);font-size:16px}.image-control-row,.video-control-row,.music-control-row,.lipsync-control-row,.narration-control-row{display:flex;flex-direction:column;gap:8px}.image-control-row label,.video-control-row label,.music-control-row label,.lipsync-control-row label,.narration-control-row label{font-size:13px;font-weight:600;color:var(--studio-text)}.studio-input,.image-control-row input,.video-control-row input,.music-control-row input,.lipsync-control-row input,.narration-control-row input,.image-control-row select,.video-control-row select,.music-control-row select,.lipsync-control-row select,.narration-control-row select,.image-control-row textarea,.video-control-row textarea,.music-control-row textarea,.lipsync-control-row textarea,.narration-control-row textarea{width:100%;padding:14px 16px;background:var(--studio-bg-card);border:2px solid var(--studio-border);border-radius:var(--studio-radius-md);color:var(--studio-text);font-size:14px;line-height:1.5;transition:var(--studio-transition)}.studio-input:hover,.image-control-row input:hover,.video-control-row input:hover,.music-control-row input:hover,.lipsync-control-row input:hover,.narration-control-row input:hover,.image-control-row select:hover,.video-control-row select:hover,.music-control-row select:hover,.lipsync-control-row select:hover,.narration-control-row select:hover,.image-control-row textarea:hover,.video-control-row textarea:hover,.music-control-row textarea:hover,.lipsync-control-row textarea:hover,.narration-control-row textarea:hover{border-color:var(--studio-border-hover)}.studio-input:focus,.image-control-row input:focus,.video-control-row input:focus,.music-control-row input:focus,.lipsync-control-row input:focus,.narration-control-row input:focus,.image-control-row select:focus,.video-control-row select:focus,.music-control-row select:focus,.lipsync-control-row select:focus,.narration-control-row select:focus,.image-control-row textarea:focus,.video-control-row textarea:focus,.music-control-row textarea:focus,.lipsync-control-row textarea:focus,.narration-control-row textarea:focus{outline:none;border-color:var(--studio-border-focus);box-shadow:0 0 0 3px var(--studio-accent-soft)}.image-control-row textarea,.video-control-row textarea,.music-control-row textarea,.lipsync-control-row textarea,.narration-control-row textarea{min-height:80px;resize:vertical}.prompt-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.prompt-label-row label{margin:0}.prompt-action-buttons{display:flex;gap:6px}.enhance-prompt-btn{padding:4px 10px;font-size:11px;font-weight:500;color:var(--studio-accent);background:transparent;border:1px solid var(--studio-accent);border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.enhance-prompt-btn:hover:not(:disabled){background:var(--studio-accent);color:#fff}.enhance-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.studio-toggle,.music-toggle-inline,.narration-toggle-inline,.lipsync-toggle{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;cursor:pointer}.studio-toggle input,.music-toggle-inline input,.narration-toggle-inline input,.lipsync-toggle input{opacity:0;width:0;height:0}.studio-toggle .toggle-slider-small,.music-toggle-inline .toggle-slider-small,.narration-toggle-inline .toggle-slider-small,.lipsync-toggle .toggle-slider-small{position:absolute;inset:0;background:var(--studio-bg-elevated);border:2px solid var(--studio-border);border-radius:24px;transition:var(--studio-transition)}.studio-toggle .toggle-slider-small:before,.music-toggle-inline .toggle-slider-small:before,.narration-toggle-inline .toggle-slider-small:before,.lipsync-toggle .toggle-slider-small:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background:var(--studio-border-hover);border-radius:50%;transition:var(--studio-transition)}.studio-toggle input:checked+.toggle-slider-small,.music-toggle-inline input:checked+.toggle-slider-small,.narration-toggle-inline input:checked+.toggle-slider-small,.lipsync-toggle input:checked+.toggle-slider-small{border-color:var(--studio-accent);background:var(--studio-accent-soft)}.studio-toggle input:checked+.toggle-slider-small:before,.music-toggle-inline input:checked+.toggle-slider-small:before,.narration-toggle-inline input:checked+.toggle-slider-small:before,.lipsync-toggle input:checked+.toggle-slider-small:before{transform:translate(20px);background:var(--studio-accent);box-shadow:0 0 8px var(--studio-accent-glow)}.studio-action-btn,.controls-generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--studio-accent);border:none;border-radius:var(--studio-radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:var(--studio-transition);box-shadow:0 1px 2px #0000000d}.studio-action-btn:hover:not(:disabled),.controls-generate-btn:hover:not(:disabled){background:var(--studio-accent-light);box-shadow:0 4px 12px #2563eb40}.studio-action-btn:active:not(:disabled),.controls-generate-btn:active:not(:disabled){transform:translateY(0)}.studio-action-btn:disabled,.controls-generate-btn:disabled{opacity:.5;cursor:not-allowed}.studio-ghost-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:var(--studio-transition)}.studio-ghost-btn:hover{background:#ffffff0d;border-color:var(--studio-border-hover);color:var(--studio-text)}.studio-badge,.duration-badge,.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--studio-accent-soft);border:1px solid rgba(99,102,241,.2);border-radius:6px;font-size:11px;font-weight:500;color:var(--studio-accent-light)}.studio-badge.success,.status-badge.success{background:#22c55e1a;border-color:#22c55e33;color:var(--studio-success)}.studio-badge.warning,.status-badge.warning{background:#fbbf241a;border-color:#fbbf2433;color:var(--studio-warning)}.music-current-track,.narration-audio-preview,.voiceover-preview{padding:16px;background:var(--studio-bg-card);border:1px solid var(--studio-border);border-radius:10px}.music-current-track audio,.narration-audio-preview audio,.voiceover-preview audio{width:100%;height:36px;border-radius:6px}.music-edit-controls,.narration-edit-controls,.lipsync-edit-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.music-control-row.full-width,.narration-control-row.full-width,.lipsync-control-row.full-width{grid-column:1 / -1}@media (max-width: 768px){.music-edit-controls,.narration-edit-controls,.lipsync-edit-controls{grid-template-columns:1fr}}.narration-duration-info,.music-duration-info,.lipsync-duration-info{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--studio-border)}.script-stats{font-size:11px;font-weight:500;color:var(--studio-accent-light);background:var(--studio-accent-soft);padding:2px 8px;border-radius:4px;margin-left:auto}.voice-enhance-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);grid-column:1 / -1;width:100%}.voice-enhance-header{display:flex;align-items:center;gap:6px;margin-bottom:14px}.voice-enhance-header .enhance-icon{font-size:12px;color:#a5b4fcb3}.voice-enhance-header .enhance-label{font-size:10px;font-weight:600;color:#a5b4fcb3;text-transform:uppercase;letter-spacing:.6px}.voice-enhance-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.voice-enhance-controls .narration-control-row{display:flex;flex-direction:column;gap:6px}.voice-enhance-controls .narration-control-row>label{font-size:10px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.voice-enhance-controls .narration-control-row.full-width{grid-column:1 / -1}.voice-enhance-controls .emotion-select{width:100%;padding:0 32px 0 12px;font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08;color:#e2e8f0;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;height:36px;line-height:36px}.voice-enhance-controls .emotion-select:hover{border-color:#ffffff26;background:#ffffff0d}.voice-enhance-controls .emotion-select:focus{outline:none;border-color:#6366f166;box-shadow:0 0 0 2px #6366f11a}.voice-enhance-controls .speed-control{display:flex;flex-direction:row;align-items:center;gap:10px;padding:0 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;height:36px}.voice-enhance-controls .speed-slider{flex:1;height:4px;border-radius:2px;appearance:none;-webkit-appearance:none;background:#ffffff14;cursor:pointer}.voice-enhance-controls .speed-slider::-webkit-slider-track{height:4px;border-radius:2px;background:#ffffff14}.voice-enhance-controls .speed-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;background:#6366f1;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 4px #0000004d;transition:all .15s ease}.voice-enhance-controls .speed-slider::-webkit-slider-thumb:hover{transform:scale(1.15);background:#818cf8}.voice-enhance-controls .speed-slider::-moz-range-thumb{width:14px;height:14px;background:#6366f1;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 4px #0000004d}.voice-enhance-controls .speed-slider::-moz-range-track{height:4px;border-radius:2px;background:#ffffff14}.voice-enhance-controls .speed-value{font-size:11px;font-weight:600;color:#a5b4fc;text-align:center;padding:2px 6px;background:#6366f11f;border-radius:3px;min-width:32px;flex-shrink:0}.voice-enhance-controls .acting-instructions-input{width:100%;padding:10px 12px;font-size:12px;font-family:inherit;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08;color:#e2e8f0;resize:vertical;min-height:50px;transition:all .2s ease}.voice-enhance-controls .acting-instructions-input::placeholder{color:#ffffff40;font-size:12px}.voice-enhance-controls .acting-instructions-input:hover{border-color:#ffffff26;background:#ffffff0d}.voice-enhance-controls .acting-instructions-input:focus{outline:none;border-color:#6366f166;box-shadow:0 0 0 2px #6366f11a}.speed-slider-container{display:flex;flex-direction:column;gap:8px}.speed-slider-container input[type=range]{width:100%;height:6px;background:var(--studio-bg-deep);border-radius:3px;appearance:none;cursor:pointer}.speed-slider-container input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--studio-accent);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--studio-accent-glow)}.voice-list-fallback{padding:16px;text-align:center;color:var(--studio-text-dim);font-size:12px}.voice-dropdown-container{position:relative;width:100%}.voice-dropdown-trigger{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s ease}.voice-dropdown-trigger:hover{background:#ffffff0f;border-color:#ffffff26}.voice-dropdown-trigger.open{border-color:#6366f180;background:#6366f114}.voice-dropdown-selected{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}.voice-dropdown-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0}.voice-dropdown-desc{font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-dropdown-placeholder{font-size:13px;color:#fff6;flex:1}.voice-dropdown-play{flex:0 0 28px;width:28px;height:28px;min-width:28px;max-width:28px;border-radius:50%;border:1px solid rgba(99,102,241,.4);background:#6366f133;color:#a5b4fc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.voice-dropdown-play:hover{background:#6366f166;border-color:#6366f199;color:#fff;transform:scale(1.05)}.voice-dropdown-chevron{flex-shrink:0;color:#fff6;transition:transform .2s ease}.voice-dropdown-trigger.open .voice-dropdown-chevron{transform:rotate(180deg)}.voice-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;padding:4px}.voice-dropdown-list::-webkit-scrollbar{width:6px}.voice-dropdown-list::-webkit-scrollbar-track{background:transparent}.voice-dropdown-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.voice-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .12s ease}.voice-dropdown-item:hover{background:#ffffff14}.voice-dropdown-item.selected{background:#6366f126}.voice-dropdown-item-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}.voice-dropdown-item-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0}.voice-dropdown-item-desc{font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-dropdown-item.selected .voice-dropdown-item-name{color:#a5b4fc}.voice-dropdown-item.selected .voice-dropdown-item-desc{color:#a5b4fcb3}.voice-dropdown-item-play{flex:0 0 26px;width:26px;height:26px;min-width:26px;max-width:26px;border-radius:50%;border:1px solid rgba(99,102,241,.3);background:#6366f126;color:#a5b4fc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.voice-dropdown-item-play:hover{background:#6366f159;border-color:#6366f180;color:#fff;transform:scale(1.08)}.voice-dropdown-fallback{padding:16px;text-align:center;color:#fff6;font-size:12px}.custom-voice-id-container{display:flex;align-items:center;gap:6px;width:100%}.custom-voice-id-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 10px;font-size:12px;color:#fff;font-family:monospace;transition:all .15s ease}.custom-voice-id-input:focus{outline:none;border-color:#6366f180;background:#0006}.custom-voice-id-input::placeholder{color:#ffffff4d;font-family:inherit}.custom-voice-id-input:disabled{opacity:.5;cursor:not-allowed}.custom-voice-preview-btn,.custom-voice-clear-btn{flex-shrink:0;width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.custom-voice-preview-btn:hover{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.custom-voice-clear-btn:hover{background:#ef444433;border-color:#ef444466;color:#f87171}.custom-voice-hint{display:block;font-size:10px;color:#fff6;margin-top:4px}.acting-instructions-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;font-size:12px;color:#fff;resize:vertical;min-height:60px;font-family:inherit;line-height:1.5;transition:all .15s ease}.acting-instructions-input:focus{outline:none;border-color:#6366f180;background:#0006}.acting-instructions-input::placeholder{color:#ffffff4d}.acting-instructions-input:disabled{opacity:.5;cursor:not-allowed}.acting-instructions-hint{display:block;font-size:10px;color:#fff6;margin-top:4px}.emotion-presets{display:flex;flex-wrap:wrap;gap:6px}.emotion-preset-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#ffffffb3;font-size:11px;cursor:pointer;transition:all .15s ease}.emotion-preset-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.emotion-preset-btn.active{background:#6366f133;border-color:#6366f180;color:#a5b4fc}.emotion-preset-btn:disabled{opacity:.5;cursor:not-allowed}.emotion-icon{font-size:12px}.emotion-label{font-weight:500}.voice-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:4px;background:#0003;border-radius:8px;border:1px solid var(--border-color, #333)}.voice-list::-webkit-scrollbar{width:6px}.voice-list::-webkit-scrollbar-track{background:transparent}.voice-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.voice-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:#ffffff08;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.voice-item:hover{background:#ffffff14}.voice-item.selected{background:#6366f126;border-color:#6366f166}.voice-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.voice-name{font-size:12px;font-weight:600;color:#fff}.voice-desc{font-size:10px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-preview-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:#6366f14d;color:#a5b4fc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;margin-left:8px}.voice-preview-btn:hover{background:#6366f180;color:#fff;transform:scale(1.1)}.voice-preview-btn:active{transform:scale(.95)}.voice-list-fallback{padding:12px;text-align:center;color:#fff6;font-size:12px}.narration-current-track{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.narration-current-track audio{width:100%;height:32px}.inline-timeline-preview{display:flex;flex-direction:column;width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden}.inline-preview-player{flex:1;display:flex;justify-content:center;align-items:center;background:#000;min-height:0;overflow:hidden}.inline-preview-video{width:100%;height:100%;object-fit:contain}.timeline-preview-actions{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}.timeline-preview-player audio{display:none}.timeline-preview-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}.timeline-preview-controls .preview-info{display:flex;gap:20px;font-size:12px;color:var(--text-muted, #888)}.timeline-preview-note{margin-top:12px;padding:10px 14px;background:var(--bg-tertiary, #252525);border-radius:6px}.timeline-preview-note p{margin:0;font-size:12px;color:var(--text-muted, #888);line-height:1.5}.canvas-video{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#000}.canvas-with-badge{position:relative;width:100%;height:100%}.canvas-with-badge img{width:100%;height:100%;object-fit:contain}.source-badge{position:absolute;top:12px;left:12px;padding:4px 10px;background:#2563ebe6;color:#fff;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 600px){.video-preview-modal{max-height:95vh;border-radius:16px}.video-preview-content{padding:16px;gap:16px}.video-quick-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.platform-selector{justify-content:center}}.music-toggle-inline{display:inline-flex;align-items:center;margin-left:12px;cursor:pointer;vertical-align:middle}.music-toggle-inline input{display:none}.toggle-slider-small{width:36px;height:20px;background:var(--border-color, #d1d5db);border-radius:10px;position:relative;transition:background .2s}.toggle-slider-small:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.music-toggle-inline input:checked+.toggle-slider-small{background:#6366f1}.music-toggle-inline input:checked+.toggle-slider-small:before{transform:translate(16px)}.music-generation-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.music-options-row{display:flex;gap:12px;flex-wrap:wrap}.music-option-group{display:flex;flex-direction:column;gap:4px;min-width:120px}.music-option-group.flex-grow{flex:1}.music-option-group .option-label{font-size:11px;font-weight:500;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.music-select{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:13px;background:var(--card-bg, #fff);color:var(--text-color, #1f2937);cursor:pointer}.music-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.music-prompt-input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:13px;background:var(--card-bg, #fff);color:var(--text-color, #1f2937)}.music-prompt-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.music-action-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.current-music-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#6366f114;border-radius:8px;border:1px solid rgba(99,102,241,.2)}.current-music-preview .preview-label{font-size:12px;font-weight:600;color:#6366f1}.music-audio-inline{height:32px;max-width:200px}.studio-btn.icon-btn.small{padding:4px 8px;font-size:12px}.editor-label.gallery-label{margin-top:8px}.generation-gallery.music-gallery{display:flex;flex-wrap:wrap;gap:12px}.gallery-item.music-item{background:var(--card-bg, #fff);border:2px solid var(--border-color, #e5e7eb);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;width:180px;height:auto;min-height:unset;flex-shrink:0}.gallery-item.music-item:hover{border-color:#818cf8;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gallery-item.music-item.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.music-item-visual{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 12px;display:flex;align-items:center;justify-content:center;min-height:70px;position:relative}.music-waveform-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px}.waveform-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.music-style{font-size:11px;font-weight:600;color:#fff;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,.2)}.music-item-title{padding:6px 8px 2px;background:var(--card-bg, #fff)}.music-title-input{width:100%;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--text-color, #1f2937);padding:2px 0;border-bottom:1px solid transparent;transition:border-color .2s ease}.music-title-input:hover{border-bottom-color:var(--border-color, #e5e7eb)}.music-title-input:focus{outline:none;border-bottom-color:var(--primary-color, #6366f1)}.music-title-input::placeholder{color:var(--text-muted, #9ca3af);font-weight:400}.music-item-details{padding:2px 8px 6px;display:flex;align-items:center;gap:6px;background:var(--card-bg, #fff);min-height:24px}.music-duration-badge{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #374151);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;border:1px solid var(--border-color, #e5e7eb);white-space:nowrap}.music-custom-prompt{font-size:9px;color:var(--text-muted, #6b7280);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.music-player-container{padding:6px 8px;background:var(--hover-bg, #f9fafb);border-top:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.music-player-container audio{width:100%;height:28px;display:block}.gallery-remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:10}.gallery-item:hover .gallery-remove-btn{opacity:1}.gallery-remove-btn:hover{background:#ef4444e6;transform:scale(1.1)}.music-section{margin-top:16px}.music-section .editor-label{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:12px}.music-gallery-player{width:100%;height:32px;border-radius:4px;display:block}.gallery-item.music-item .selected-badge{position:absolute;top:8px;left:8px;bottom:auto;transform:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #10b98166;z-index:5}.narration-section{margin-top:16px}.narration-section .editor-label{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:12px}.generation-gallery.narration-gallery{display:flex;flex-wrap:wrap;gap:12px}.gallery-item.narration-item{background:var(--card-bg, #fff);border:2px solid var(--border-color, #e5e7eb);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease;width:180px;flex-shrink:0;position:relative}.gallery-item.narration-item:hover{border-color:var(--accent, #6366f1);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.gallery-item.narration-item.selected{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.narration-item-visual{background:linear-gradient(135deg,#f59e0b,#ef4444);padding:16px 12px;display:flex;align-items:center;justify-content:center;min-height:70px;position:relative}.narration-waveform-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px}.narration-voice{font-size:10px;color:#ffffffe6;text-transform:capitalize;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.narration-remove-btn{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:#00000080;border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.gallery-item.narration-item:hover .narration-remove-btn{opacity:1}.narration-remove-btn:hover{background:#ef4444cc}.narration-item-title{padding:8px;background:var(--card-bg, #fff)}.narration-title-input{width:100%;background:transparent;border:none;font-size:12px;font-weight:500;color:var(--text-primary, #111);padding:4px;border-radius:4px}.narration-title-input:focus{outline:none;background:var(--hover-bg, #f5f5f5)}.narration-item-details{padding:4px 8px 8px}.narration-prompt{font-size:10px;color:var(--text-secondary, #666);display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.narration-player-container{padding:8px;background:var(--hover-bg, #f5f5f5)}.narration-player-container audio{width:100%;height:32px;border-radius:4px}.gallery-item.narration-item .selected-badge{position:absolute;top:8px;left:8px;bottom:auto;transform:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #10b98166;z-index:5}.narration-controls{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:10;opacity:0;transition:opacity .2s ease}.narration-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:14px;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center}.gallery-item.narration-item:hover .narration-play-btn{opacity:1}.narration-play-btn:hover{background:#3b82f6e6;transform:translate(-50%,-50%) scale(1.1)}.narration-play-btn.playing{opacity:1;background:#3b82f6e6}.narration-play-btn.playing:hover{background:#ef4444e6}.timeline-bar.narration-bar{background:linear-gradient(90deg,#f59e0b,#ef4444)}.timeline-bar-bg.draggable-container{cursor:pointer;position:relative}.timeline-bar-bg.draggable-container:hover{background:#ffffff26}.timeline-bar.draggable{cursor:grab;transition:transform .1s ease}.timeline-bar.draggable:hover{transform:scaleY(1.3);box-shadow:0 2px 8px #0000004d}.timeline-bar.draggable:active{cursor:grabbing}.control-inline.time-control{display:flex;align-items:center;gap:6px}.time-adjust-group{display:flex;align-items:center;gap:2px;background:#0000004d;border-radius:4px;padding:2px}.time-adjust-btn{background:#ffffff1a;border:none;color:#94a3b8;width:22px;height:22px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;transition:all .15s ease}.time-adjust-btn:hover{background:#fff3;color:#fff}.time-adjust-btn:active{background:#ffffff4d;transform:scale(.95)}.time-input{width:50px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:#fff;font-size:11px;text-align:center;padding:3px 4px;-moz-appearance:textfield}.time-input::-webkit-outer-spin-button,.time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-input:focus{outline:none;border-color:#6366f180}.time-unit{color:#64748b;font-size:10px;font-weight:500}.image-slideshow-preview{display:flex;flex-direction:column;gap:16px;padding:16px;width:100%}.slideshow-image-container{position:relative;width:100%;max-height:400px;border-radius:8px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.slideshow-current-image{width:100%;max-height:400px;object-fit:contain;transition:opacity .5s ease-in-out}.slideshow-overlay{position:absolute;inset:0;pointer-events:none}.slideshow-overlay .scene-indicator{position:absolute;bottom:12px;left:12px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500}.slideshow-controls{display:flex;align-items:center;gap:16px;justify-content:center}.slideshow-info{font-size:12px;color:#888}.ken-burns-zoom-in .slideshow-current-image{animation:kenBurnsZoomIn 6s ease-in-out infinite}.ken-burns-zoom-out .slideshow-current-image{animation:kenBurnsZoomOut 6s ease-in-out infinite}.ken-burns-pan-left .slideshow-current-image{animation:kenBurnsPanLeft 6s ease-in-out infinite}.ken-burns-pan-right .slideshow-current-image{animation:kenBurnsPanRight 6s ease-in-out infinite}@keyframes kenBurnsZoomIn{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes kenBurnsZoomOut{0%{transform:scale(1.1)}50%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes kenBurnsPanLeft{0%{transform:translate(0)}50%{transform:translate(-5%)}to{transform:translate(0)}}@keyframes kenBurnsPanRight{0%{transform:translate(0)}50%{transform:translate(5%)}to{transform:translate(0)}}.sticker-controls-panel{background:var(--card-bg, #1a1a2e);border-radius:12px;padding:16px;margin-top:16px;border:1px solid var(--border-color, #333)}.sticker-controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sticker-controls-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.sticker-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sticker-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.sticker-item:hover{background:#ffffff1a}.sticker-item.selected{border-color:var(--accent, #6366f1);background:#6366f11a}.sticker-thumb{width:32px;height:32px;object-fit:contain;border-radius:4px}.sticker-label{font-size:12px;color:var(--text-secondary, #888)}.sticker-remove-btn{background:none;border:none;color:#ff6b6b;font-size:16px;cursor:pointer;padding:0 4px;opacity:.6;transition:opacity .2s ease}.sticker-remove-btn:hover{opacity:1}.sticker-edit-controls{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.sticker-control-row{display:flex;align-items:center;gap:12px}.sticker-control-row label{font-size:12px;color:var(--text-secondary, #888);width:60px;flex-shrink:0}.sticker-control-row input[type=range]{flex:1;height:4px;border-radius:2px;background:#ffffff1a;cursor:pointer}.sticker-control-row span{font-size:11px;color:var(--text-muted, #666);width:40px;text-align:right}.sticker-empty-hint{font-size:12px;color:var(--text-muted, #666);text-align:center;padding:16px}.sticker-item-info{display:flex;flex-direction:column;gap:2px;flex:1}.sticker-timing{font-size:10px;color:var(--text-muted, #666);font-family:monospace}.sticker-section{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.sticker-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sticker-section-title{font-size:11px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.sticker-select{flex:1;padding:6px 10px;background:#ffffff0d;border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff);font-size:12px;cursor:pointer}.sticker-select:hover{background:#ffffff14}.sticker-select:focus{outline:none;border-color:var(--accent, #6366f1)}.sticker-time-hint{font-size:11px;color:var(--text-muted, #666);margin-bottom:10px}.sticker-position-hint{font-size:11px;color:var(--text-muted, #888);font-style:italic;margin-bottom:12px}.sticker-timing-hint{font-size:13px;color:var(--text-secondary, #ccc);font-weight:500;margin-bottom:6px}.sticker-transform-info{display:flex;gap:16px;margin-bottom:8px}.sticker-info-row{display:flex;align-items:center;gap:6px}.sticker-info-label{font-size:12px;color:var(--text-muted, #888)}.sticker-info-value{font-size:13px;font-weight:500;color:var(--text-secondary, #ccc)}.sticker-end-control{display:flex;align-items:center;gap:8px;flex:1}.sticker-checkbox{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary, #888);cursor:pointer;white-space:nowrap}.sticker-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer}.sticker-end-control input[type=range]{flex:1;height:4px;border-radius:2px;background:#ffffff1a;cursor:pointer}.sticker-end-control span{font-size:11px;color:var(--text-muted, #666);width:40px;text-align:right}.sticker-timeline-bar{height:8px;background:#ffffff1a;border-radius:4px;margin-top:12px;position:relative;overflow:hidden}.sticker-timeline-active{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,var(--accent, #6366f1),#8b5cf6);border-radius:4px;transition:left .1s ease,width .1s ease}.review-scene-selector{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;background:#ffffff05;border-radius:8px}.scene-selector-label{font-size:12px;color:var(--text-secondary, #888);flex-shrink:0}.scene-selector-buttons{display:flex;gap:8px;flex-wrap:wrap}.scene-select-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid transparent;border-radius:6px;color:var(--text-secondary, #888);font-size:12px;cursor:pointer;transition:all .2s ease}.scene-select-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.scene-select-btn.active{background:var(--accent, #6366f1);color:#fff;border-color:var(--accent, #6366f1)}.sticker-count{background:#fff3;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600}.sticker-edit-mode{display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;min-height:400px;width:100%}.sticker-image-wrapper,.slideshow-image-wrapper{position:relative;display:inline-block;overflow:visible}.sticker-base-media{display:block;max-width:100%;max-height:500px;width:auto;height:auto;pointer-events:auto;position:relative;z-index:1}.scene-indicator-badge{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;pointer-events:none}.sticker-overlay{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;z-index:100;min-width:30px;min-height:30px;padding:4px;box-sizing:border-box;pointer-events:auto!important}.sticker-overlay img{width:100%;height:auto;object-fit:contain;display:block;pointer-events:none}.sticker-overlay.selected{outline:2px solid var(--accent, #6366f1);outline-offset:2px}.sticker-overlay.dragging{cursor:grabbing;opacity:.9}.sticker-overlay:hover:not(.selected){outline:1px dashed rgba(99,102,241,.5);outline-offset:2px}.sticker-resize-handle{position:absolute;width:12px;height:12px;background:var(--accent, #6366f1);border:2px solid #fff;border-radius:2px;cursor:nwse-resize;z-index:11}.sticker-resize-handle.corner-se{bottom:-6px;right:-6px;cursor:nwse-resize}.sticker-resize-handle.corner-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.sticker-resize-handle.corner-ne{top:-6px;right:-6px;cursor:nesw-resize}.sticker-resize-handle.corner-nw{top:-6px;left:-6px;cursor:nwse-resize}.sticker-resize-handle:hover{background:#818cf8;transform:scale(1.1)}.sticker-rotate-handle-line{position:absolute;top:-25px;left:50%;width:2px;height:20px;background:#6366f199;transform:translate(-50%);pointer-events:none}.sticker-rotate-handle{position:absolute;top:-35px;left:50%;width:14px;height:14px;background:#6366f1;border:2px solid white;border-radius:50%;transform:translate(-50%);cursor:grab;z-index:10;box-shadow:0 2px 4px #0000004d;transition:transform .15s ease,background .15s ease}.sticker-rotate-handle:hover{background:#818cf8;transform:translate(-50%) scale(1.2)}.sticker-rotate-handle:active{cursor:grabbing;background:#4f46e5}.review-scene-selector.compact{display:flex;gap:8px;padding:12px;margin-top:12px;background:#ffffff05;border-radius:8px;overflow-x:auto}.review-scene-selector.compact .scene-select-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#ffffff0d;border:2px solid transparent;border-radius:8px;color:var(--text-secondary, #888);font-size:11px;cursor:pointer;transition:all .2s ease;min-width:70px}.review-scene-selector.compact .scene-select-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.review-scene-selector.compact .scene-select-btn.active{background:var(--accent, #6366f1);color:#fff;border-color:var(--accent, #6366f1)}.scene-thumb-mini{width:50px;height:50px;object-fit:cover;border-radius:4px}.slideshow-centering-wrapper{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px;background:#000;overflow:visible}.slideshow-image-wrapper{max-width:100%;max-height:500px}.slideshow-image-wrapper img{display:block;max-width:100%;max-height:500px;width:auto;height:auto}.review-preview-area .sticker-image-wrapper{max-width:100%;max-height:550px;width:100%;height:450px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;border-radius:8px}.review-preview-area .sticker-base-media{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.review-scene-label .scene-type-badge.image{background:#22c55ecc}.review-scene-label .scene-type-badge.stickers{background:#9333eacc}.review-music-overlay{position:absolute;top:16px;right:16px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.review-music-overlay .music-icon{font-size:14px}.review-music-overlay .music-text{color:#22c55e;font-weight:500}.review-controls-header{display:flex;align-items:center;justify-content:space-between}.review-controls-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.review-content-badges{display:flex;gap:6px}.content-badge{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#6366f133;color:#818cf8}.review-timeline-compact{display:flex;flex-direction:column;gap:10px;padding:12px;background:#0003;border-radius:8px}.review-timeline-compact .timeline-row{display:flex;align-items:center;gap:10px}.review-timeline-compact .timeline-label{font-size:12px;color:var(--text-secondary, #888);width:70px;flex-shrink:0}.review-timeline-compact .timeline-bar-bg{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.review-timeline-compact .timeline-bar{height:100%;border-radius:4px}.review-timeline-compact .timeline-bar.video-bar{background:#6366f1}.review-timeline-compact .timeline-bar.music-bar{background:#22c55e}.review-timeline-compact .timeline-duration{font-size:11px;color:var(--text-muted, #666);width:35px;text-align:right;flex-shrink:0}.review-timeline-compact .timeline-controls-compact{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px;border-top:1px solid var(--border-color, #333);margin-top:4px}.review-timeline-compact .control-inline{display:flex;align-items:center;gap:8px}.review-timeline-compact .control-inline label{font-size:11px;color:var(--text-secondary, #888);width:32px;flex-shrink:0}.review-timeline-compact .control-inline input[type=range]{width:80px;height:4px;border-radius:2px;background:#ffffff1a;cursor:pointer}.review-timeline-compact .control-inline span{font-size:10px;color:var(--text-muted, #666);width:32px}.review-timeline-compact .mute-checkbox{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary, #888);cursor:pointer}.review-timeline-compact .mute-checkbox input{cursor:pointer}.review-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.review-actions .studio-btn{flex:1;min-width:120px;justify-content:center}.review-actions .studio-btn.primary{flex:2}.scene-editor-panel{flex:1;display:flex;flex-direction:column;gap:20px;width:100%;grid-column:1 / -1}.scene-editor-preview-area{background:#000;border-radius:12px;overflow:hidden;min-height:450px;display:flex;align-items:center;justify-content:center;position:relative}.scene-editor-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:450px}.scene-editor-display video{width:100%;max-height:550px;object-fit:contain}.scene-editor-display img{max-width:100%;max-height:550px;object-fit:contain}.scene-editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;gap:12px;padding:40px}.scene-editor-loading span{font-size:14px;color:#888}.scene-editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;gap:8px;padding:40px}.scene-editor-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:#ffffff26;color:#fff;font-size:32px;font-weight:300;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-editor-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.05)}.scene-editor-nav-btn:active{transform:translateY(-50%) scale(.95)}.scene-editor-nav-btn.prev{left:16px}.scene-editor-nav-btn.next{right:16px}.scene-editor-indicators{position:absolute;bottom:52px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.scene-editor-label{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 14px;border-radius:16px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.scene-editor-controls-panel{background:var(--card-bg, #1a1a2e);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--border-color, #333)}.scene-editor-controls-header{display:flex;align-items:center;justify-content:space-between}.scene-editor-controls-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.scene-editor-header-badges{display:flex;gap:6px}.scene-editor-controls-content{display:flex;flex-direction:column;gap:12px}.scene-editor-control-row{display:flex;align-items:center;gap:12px}.scene-editor-control-row label{font-size:12px;color:var(--text-secondary, #888);width:70px;flex-shrink:0}.scene-editor-control-row select{flex:1;padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:6px;font-size:13px;background:#ffffff0d;color:var(--text-primary, #fff);cursor:pointer}.scene-editor-control-row input[type=range]{flex:1;height:4px;border-radius:2px;background:#ffffff1a;cursor:pointer}.scene-editor-control-row span{font-size:11px;color:var(--text-muted, #666);width:40px;text-align:right}.scene-editor-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.scene-editor-actions .studio-btn{flex:1;min-width:120px;justify-content:center}.scene-editor-actions .studio-btn.primary{flex:2}.scene-editor-cost-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted, #666);padding:8px 12px;background:#ffffff08;border-radius:6px}.scene-editor-cost-hint .cost-value{color:#22c55e;font-weight:500}.scene-editor-overlay-badge{position:absolute;top:16px;right:16px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.scene-editor-overlay-badge .badge-icon{font-size:14px}.scene-editor-overlay-badge .badge-text{font-weight:500}.scene-editor-overlay-badge.success .badge-text{color:#22c55e}.scene-editor-overlay-badge.warning .badge-text{color:#f59e0b}.scene-editor-overlay-badge.info .badge-text{color:#3b82f6}.review-controls-panel-v2{background:linear-gradient(180deg,#12121a,#0d0d14);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:20px}.review-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.review-panel-title{display:flex;flex-direction:column;gap:4px}.review-panel-title h4{margin:0;font-size:16px;font-weight:600;color:#fff;letter-spacing:-.02em}.review-panel-subtitle{font-size:12px;color:#64748b}.review-content-indicators{display:flex;gap:8px}.content-indicator{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:6px 12px;border-radius:20px;font-size:12px;color:#94a3b8;transition:all .2s ease}.content-indicator:hover{background:#ffffff14}.content-indicator .indicator-icon{font-size:14px}.content-indicator .indicator-text{font-weight:500;font-variant-numeric:tabular-nums}.content-indicator.video-indicator{border:1px solid rgba(99,102,241,.3)}.content-indicator.music-indicator{border:1px solid rgba(34,197,94,.3)}.content-indicator.narration-indicator{border:1px solid rgba(245,158,11,.3)}.timeline-section{background:#0000004d;border-radius:12px;padding:16px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-label-text{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.section-hint{font-size:11px;color:#64748b;font-style:italic}.timeline-tracks-container{display:flex;flex-direction:column;gap:8px}.timeline-ruler{position:relative;padding-left:72px;margin-bottom:8px}.ruler-track{height:1px;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a)}.ruler-markers{position:relative;height:16px}.ruler-mark{position:absolute;font-size:9px;color:#64748b;transform:translate(-50%);font-variant-numeric:tabular-nums}.timeline-track{display:flex;align-items:center;gap:12px}.track-label{display:flex;align-items:center;gap:8px;width:60px;flex-shrink:0}.track-icon{font-size:14px}.track-name{font-size:12px;font-weight:500;color:#94a3b8}.track-timeline{flex:1;height:28px;background:#ffffff08;border-radius:6px;position:relative;overflow:hidden}.track-timeline.draggable-track{cursor:pointer}.track-timeline.draggable-track:hover{background:#ffffff0f}.track-bar{position:absolute;top:4px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.track-bar-label{font-size:10px;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3);font-variant-numeric:tabular-nums}.track-bar.video-track-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.track-bar.music-track-bar{background:linear-gradient(90deg,#22c55e,#10b981);box-shadow:0 2px 8px #22c55e4d}.track-bar.narration-track-bar{background:linear-gradient(90deg,#f59e0b,#f97316);box-shadow:0 2px 8px #f59e0b4d}.track-bar.draggable-bar{cursor:grab}.track-bar.draggable-bar:active{cursor:grabbing}.track-bar.draggable-bar:hover{filter:brightness(1.1)}.track-bar-handle{position:absolute;top:50%;transform:translateY(-50%);width:4px;height:12px;background:#ffffff80;border-radius:2px;opacity:0;transition:opacity .2s ease}.track-bar.draggable-bar:hover .track-bar-handle{opacity:1}.track-bar-handle.left{left:4px}.track-bar-handle.right{right:4px}.audio-controls-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.audio-controls-section{grid-template-columns:1fr}}.controls-group{background:#ffffff05;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.04)}.controls-group-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.group-icon{font-size:16px}.group-title{font-size:13px;font-weight:600;color:#e2e8f0}.controls-group-content{display:flex;flex-direction:column;gap:14px}.timing-control{display:flex;align-items:center;justify-content:space-between}.timing-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.timing-icon{font-size:14px}.timing-icon.music-color{color:#22c55e}.timing-icon.narration-color{color:#f59e0b}.timing-input-group{display:flex;align-items:center;gap:4px;background:#0000004d;border-radius:8px;padding:4px}.timing-btn{width:32px;height:32px;border:none;background:#ffffff0f;color:#94a3b8;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.timing-btn:hover{background:#ffffff1f;color:#fff}.timing-btn:active{transform:scale(.95);background:#ffffff26}.timing-btn.decrement:hover{background:#ef444433;color:#ef4444}.timing-btn.increment:hover{background:#22c55e33;color:#22c55e}.timing-value{display:flex;align-items:center;gap:4px;padding:0 8px}.timing-number-input{width:52px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff;font-size:13px;font-weight:500;text-align:center;padding:6px 8px;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.timing-number-input::-webkit-outer-spin-button,.timing-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timing-number-input:focus{outline:none;border-color:#6366f180;box-shadow:0 0 0 2px #6366f133}.timing-unit{font-size:11px;color:#64748b;font-weight:500}.volume-control{display:flex;align-items:center;justify-content:space-between}.volume-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;min-width:70px}.volume-icon{font-size:14px}.volume-icon.video-color{color:#6366f1}.volume-icon.music-color{color:#22c55e}.volume-icon.narration-color{color:#f59e0b}.volume-slider-group{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.volume-slider{width:100px;height:6px;border-radius:3px;background:#ffffff1a;cursor:pointer;appearance:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.volume-slider.music-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#22c55e,#ffffff1a 0%)}.volume-slider.narration-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f59e0b,#ffffff1a 0%)}.volume-value{font-size:12px;font-weight:600;color:#94a3b8;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.mute-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer}.mute-toggle input{display:none}.mute-toggle .mute-icon{font-size:20px;padding:6px;border-radius:8px;background:#ffffff0d;transition:all .2s ease}.mute-toggle:hover .mute-icon{background:#ffffff1a}.mute-toggle input:checked+.mute-icon{background:#ef444426}.volume-status{font-size:12px;color:#64748b;min-width:40px}.last-frame-selector{flex-direction:column;align-items:flex-start!important;gap:8px;padding:12px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:8px;margin-top:8px}.last-frame-selector>label{color:#a5b4fc;font-weight:500;font-size:13px}.last-frame-input-group{display:flex;align-items:center;gap:12px;width:100%}.last-frame-preview{position:relative;width:80px;height:60px;border-radius:6px;overflow:hidden;border:2px solid rgba(99,102,241,.4);flex-shrink:0}.last-frame-thumbnail{width:100%;height:100%;object-fit:cover}.last-frame-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1;transition:all .15s ease}.last-frame-remove:hover{background:#ef4444;transform:scale(1.1)}.last-frame-empty{width:80px;height:60px;border-radius:6px;border:2px dashed rgba(99,102,241,.3);background:#0003;display:flex;align-items:center;justify-content:center;flex-shrink:0}.last-frame-hint{font-size:10px;color:#fff6;text-align:center;padding:4px}.last-frame-actions{display:flex;flex-direction:column;gap:6px;flex:1}.last-frame-actions .studio-btn.small{font-size:11px;padding:6px 10px;white-space:nowrap}.last-frame-actions .upload-btn{cursor:pointer}.last-frame-description{font-size:11px;color:#ffffff80;margin:0;line-height:1.4}.lipsync-panel{flex:1;display:flex;flex-direction:column;gap:20px;width:100%;grid-column:1 / -1}.lipsync-source-image{width:100%;max-height:550px;object-fit:contain}.lipsync-loading-state{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff}.lipsync-preview-empty{text-align:center;color:#ffffff80}.lipsync-preview-empty span{display:block;font-size:18px;margin-bottom:8px}.lipsync-preview-empty p{font-size:14px;opacity:.7;margin:0}.lipsync-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0a0a0fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:22px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10}.lipsync-nav-btn:hover{background:#10b98133;border-color:#10b98180;transform:translateY(-50%) scale(1.08);box-shadow:0 4px 20px #10b98140}.lipsync-nav-btn.prev{left:12px}.lipsync-nav-btn.next{right:12px}.lipsync-scene-indicators{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px}.lipsync-scene-label{position:absolute;bottom:45px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.3px;color:#ffffffe6;background:linear-gradient(135deg,#0a0a14d9,#141423bf);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006}.lipsync-scene-label .scene-type-badge{font-size:10px;padding:3px 10px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lipsync-scene-label .scene-type-badge.lipsync{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98166}.lipsync-scene-label .scene-type-badge.audio{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf666}.lipsync-scene-label .scene-type-badge.video{background:#ffffff26;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.lipsync-controls-panel{background:linear-gradient(180deg,#0f0f19fa,#0a0a12f2);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 32px #0006,inset 0 1px #ffffff08;position:relative;overflow:hidden}.lipsync-controls-panel:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.5) 20%,rgba(139,92,246,.5) 50%,rgba(16,185,129,.5) 80%,transparent)}.lipsync-controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.lipsync-controls-header h4{margin:0;font-size:15px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px;letter-spacing:.3px}.lipsync-controls-header h4:before{content:"";width:28px;height:28px;background:linear-gradient(135deg,#10b98133,#8b5cf633);border-radius:8px;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z'%3E%3C/path%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'%3E%3C/path%3E%3Cline x1='12' y1='19' x2='12' y2='23'%3E%3C/line%3E%3Cline x1='8' y1='23' x2='16' y2='23'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;border:1px solid rgba(16,185,129,.2)}.lipsync-enable-toggle{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#10b98114,#8b5cf60d);border:1px solid rgba(16,185,129,.2);border-radius:12px;margin-bottom:16px}.lipsync-enable-toggle .toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;margin-top:2px}.lipsync-enable-toggle .toggle-switch input{opacity:0;width:0;height:0}.lipsync-enable-toggle .toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff26;transition:.3s;border-radius:24px}.lipsync-enable-toggle .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}.lipsync-enable-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.lipsync-enable-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.lipsync-enable-toggle .toggle-label{display:flex;flex-direction:column;gap:4px}.lipsync-enable-toggle .toggle-title{font-size:14px;font-weight:600;color:#fff}.lipsync-enable-toggle .toggle-hint{font-size:12px;color:#fff9;line-height:1.4}.lipsync-no-video-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#fbbf2414,#f59e0b0d);border:1px solid rgba(251,191,36,.2);border-radius:12px;color:#fbbf24;font-size:13px;margin-bottom:16px}.lipsync-no-video-banner .warning-icon{font-size:18px;flex-shrink:0}.lipsync-edit-controls{display:flex;flex-direction:column;gap:16px}.lipsync-control-row{display:flex;align-items:center;gap:14px}.lipsync-control-row>label{min-width:70px;font-size:12px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px}.lipsync-control-row.lipsync-text-row{flex-direction:column;align-items:stretch}.lipsync-control-row.lipsync-text-row>label{margin-bottom:8px}.lipsync-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lipsync-label-row label{font-size:12px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px}.enhance-btn{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:6px 12px;background:linear-gradient(135deg,#8b5cf626,#a855f71a);color:#c4b5fd;border:1px solid rgba(139,92,246,.3);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.enhance-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(139,92,246,.15) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease}.enhance-btn:hover:not(:disabled):before{transform:translate(100%)}.enhance-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf640,#a855f733);border-color:#8b5cf680;color:#ddd6fe;box-shadow:0 4px 20px #8b5cf64d;transform:translateY(-1px)}.enhance-btn:disabled{opacity:.4;cursor:not-allowed}.enhance-btn svg{width:12px;height:12px;stroke:currentColor}.spinner-small{display:inline-block;width:12px;height:12px;border:2px solid rgba(139,92,246,.2);border-top-color:#c4b5fd;border-radius:50%;animation:spin .7s linear infinite}.lipsync-text-wrapper{position:relative;width:100%}.lipsync-text-wrapper .lipsync-text-input{width:100%;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px 28px;color:#fffffff2;font-size:14px;line-height:1.6;resize:vertical;min-height:100px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;transition:all .25s ease}.lipsync-text-wrapper .lipsync-text-input::placeholder{color:#ffffff4d;font-style:italic}.lipsync-text-wrapper .lipsync-text-input:focus{outline:none;border-color:#10b98180;background:#00000080;box-shadow:0 0 0 3px #10b9811a,0 4px 20px #0000004d}.lipsync-text-wrapper .char-count{position:absolute;bottom:10px;right:14px;font-size:10px;font-weight:500;color:#ffffff4d;letter-spacing:.5px}.lipsync-voice-selector{display:flex;gap:10px;flex:1}.lipsync-voice-selector select{flex:1;background:linear-gradient(180deg,#00000073,#00000059);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 36px 14px 16px;color:#fffffff2;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2310b981' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;box-shadow:0 2px 8px #0003}.lipsync-voice-selector select:hover{border-color:#10b9814d;background-color:#00000080}.lipsync-voice-selector select:focus{outline:none;border-color:#10b98180;box-shadow:0 0 0 3px #10b98126,0 4px 12px #00000040}.lipsync-voice-selector select option{background:#1a1a2e;color:#fff;padding:10px}.voice-preview-btn{width:48px!important;height:48px;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#10b98126,#10b98114);border:1px solid rgba(16,185,129,.25);color:#6ee7b7;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.voice-preview-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 60%);opacity:0;transition:opacity .25s}.voice-preview-btn:hover{background:linear-gradient(135deg,#10b98140,#10b9811f);border-color:#10b98173;transform:scale(1.05);box-shadow:0 4px 16px #10b9814d}.voice-preview-btn:hover:before{opacity:1}.voice-preview-btn:active{transform:scale(.98)}.lipsync-audio-preview{flex:1;position:relative;background:linear-gradient(180deg,#0000004d,#00000040);border-radius:12px;padding:10px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.lipsync-audio-preview:before{content:"";position:absolute;inset:8px 12px;background:repeating-linear-gradient(90deg,rgba(16,185,129,.15) 0px,rgba(16,185,129,.3) 2px,transparent 2px,transparent 5px);opacity:.4;border-radius:6px;pointer-events:none}.lipsync-audio-player{width:100%;height:48px;border-radius:10px;background:transparent;position:relative;z-index:1}.lipsync-audio-player::-webkit-media-controls-panel{background:linear-gradient(180deg,#10b9811a,#10b9810d);border-radius:10px}.lipsync-audio-player::-webkit-media-controls-play-button{background-color:#10b9814d;border-radius:50%}.lipsync-audio-player::-webkit-media-controls-current-time-display,.lipsync-audio-player::-webkit-media-controls-time-remaining-display{color:#6ee7b7;font-weight:500}@keyframes waveform-pulse{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.lipsync-audio-preview.playing:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:flex;gap:3px;width:30px;height:16px;background:linear-gradient(0deg,#10b981 40%,transparent 40%),linear-gradient(0deg,#10b981 70%,transparent 70%) 8px 0,linear-gradient(0deg,#10b981 50%,transparent 50%) 16px 0,linear-gradient(0deg,#10b981 80%,transparent 80%) 24px 0;background-size:4px 100%;background-repeat:no-repeat;border-radius:2px;animation:waveform-pulse .8s ease-in-out infinite}.lipsync-generation-steps{display:flex;flex-direction:column;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);position:relative}.lipsync-generation-steps:before{content:"";position:absolute;top:60px;left:30px;width:2px;height:calc(100% - 120px);background:linear-gradient(180deg,#10b9814d,#8b5cf64d);border-radius:1px;z-index:0}.lipsync-step{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.lipsync-step:hover{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-color:#ffffff1a}.lipsync-step.completed{border-color:#10b9814d;background:linear-gradient(135deg,#10b98114,#10b98108);box-shadow:0 4px 20px #10b9811a}.lipsync-step.disabled{opacity:.4;pointer-events:none}.lipsync-step .step-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lipsync-step .step-number{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#8b5cf64d,#8b5cf626);color:#c4b5fd;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid rgba(139,92,246,.25);box-shadow:0 2px 8px #8b5cf626;transition:all .3s cubic-bezier(.4,0,.2,1)}.lipsync-step.completed .step-number{background:linear-gradient(135deg,#10b98166,#10b98133);color:#6ee7b7;border-color:#10b98159;box-shadow:0 2px 10px #10b98140}.lipsync-step.active .step-number{background:linear-gradient(135deg,#8b5cf680,#8b5cf64d);box-shadow:0 0 0 3px #8b5cf626,0 2px 12px #8b5cf64d;transform:scale(1.05)}.lipsync-step .step-title{font-size:14px;font-weight:600;color:#fffffff2;flex:1;letter-spacing:-.01em}.lipsync-step .step-cost{font-size:11px;color:#fff9;background:linear-gradient(135deg,#ffffff14,#ffffff08);padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.06);font-weight:500}.lipsync-step .step-content{display:flex;flex-direction:column;gap:10px;padding-left:36px}.lipsync-step .step-content .lipsync-audio-preview{margin-bottom:6px;background:#00000040;border-radius:10px;padding:10px;border:1px solid rgba(255,255,255,.05)}.lipsync-step .step-hint{font-size:12px;color:#ffffff73;font-style:italic;padding:10px 0;line-height:1.5}.lipsync-total-cost{margin-top:12px;padding:14px 16px;background:linear-gradient(135deg,#10b9811f,#10b9810d);border-radius:12px;border:1px solid rgba(16,185,129,.2);position:relative;overflow:hidden}.lipsync-total-cost:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.4) 50%,transparent)}.lipsync-total-cost .lipsync-cost-hint{font-weight:600;color:#ffffffe6;font-size:14px}.lipsync-cost-hint{font-size:13px;color:#ffffffb3;display:flex;flex-direction:column;gap:4px}.lipsync-cost-hint .cost-breakdown{font-size:11px;opacity:.75;color:#10b981e6}.lipsync-history{margin-top:16px;padding:16px;background:linear-gradient(180deg,#0003,#00000026);border-radius:12px;border:1px solid rgba(255,255,255,.06)}.lipsync-history .history-header{font-size:13px;font-weight:600;color:#ffffffd9;margin-bottom:12px;display:flex;align-items:center;gap:8px}.lipsync-history .history-header:before{content:"";display:inline-block;width:3px;height:14px;background:linear-gradient(180deg,#10b981,#059669);border-radius:2px}.lipsync-history .history-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:4px}.lipsync-history .history-list::-webkit-scrollbar{width:4px}.lipsync-history .history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.lipsync-history .history-list::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:2px}.lipsync-history .history-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.lipsync-history .history-item:hover{background:#ffffff0f;border-color:#ffffff14;transform:translate(2px)}.lipsync-history .history-item.selected{background:linear-gradient(135deg,#10b98126,#10b98114);border-color:#10b98159;box-shadow:0 2px 12px #10b98126}.lipsync-history .history-thumbnail{width:52px;height:42px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#0006,#0000004d);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.05)}.lipsync-history .history-thumbnail video{width:100%;height:100%;object-fit:cover}.lipsync-history .history-thumbnail .audio-only-badge{font-size:20px;opacity:.7}.lipsync-history .history-info{flex:1;display:flex;flex-direction:column;gap:3px;overflow:hidden}.lipsync-history .history-text{font-size:12px;font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lipsync-history .history-voice{font-size:11px;color:#8b5cf6cc;font-weight:500}.lipsync-history .history-time{font-size:10px;color:#fff6}.lipsync-history .selected-badge{color:#10b981;font-weight:700;flex-shrink:0;font-size:14px;text-shadow:0 0 8px rgba(16,185,129,.4)}.lipsync-panel-actions{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.scene-dot.has-lipsync{border-color:#10b981;box-shadow:0 0 8px #10b98166}.scene-dot.has-lipsync.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 0 12px #10b98199}.storyboard-bottom-panel{position:sticky;bottom:0;margin-top:auto;z-index:50;background:linear-gradient(180deg,var(--editor-bg-tertiary, #2d2d30) 0%,var(--editor-bg-primary, #1e1e1e) 100%);border:1px solid var(--editor-border-color, #3c3c3c);border-radius:var(--editor-radius-md, 8px) var(--editor-radius-md, 8px) 0 0;box-shadow:0 -4px 20px #0006,var(--editor-shadow-md, 0 4px 12px rgba(0, 0, 0, .3));display:flex;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.storyboard-bottom-panel.collapsed .storyboard-panel-content{display:none}.storyboard-bottom-panel.expanded .storyboard-panel-content{display:flex}.storyboard-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(180deg,var(--editor-bg-tertiary, #2d2d30) 0%,var(--editor-bg-secondary, #252526) 100%);border-bottom:1px solid var(--editor-border-color, #3c3c3c);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px;box-sizing:border-box}.storyboard-panel-header:hover{background:linear-gradient(180deg,var(--editor-bg-hover, #3c3c3c) 0%,var(--editor-bg-tertiary, #2d2d30) 100%)}.storyboard-panel-header:focus-visible{outline:2px solid var(--editor-accent-primary, #ff4081);outline-offset:-2px}.storyboard-panel-title{font-size:12px;font-weight:600;color:var(--editor-text-primary, #e0e0e0);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:10px}.storyboard-panel-title svg{width:16px;height:16px;color:var(--editor-accent-primary, #ff4081)}.storyboard-scene-count{font-size:11px;font-weight:400;color:var(--editor-text-secondary, #9e9e9e);text-transform:none;letter-spacing:normal;padding-left:8px;border-left:1px solid var(--editor-border-color, #3c3c3c)}.storyboard-panel-toggle{width:28px;height:28px;padding:0;border:none;background:var(--editor-bg-elevated, #333333);color:var(--editor-text-secondary, #9e9e9e);border-radius:var(--editor-radius-sm, 4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.storyboard-panel-toggle:hover{background:var(--editor-bg-hover, #3c3c3c);color:var(--editor-text-primary, #e0e0e0)}.storyboard-panel-toggle:focus-visible{outline:2px solid var(--editor-accent-primary, #ff4081);outline-offset:2px}.storyboard-panel-toggle svg{width:18px;height:18px}.storyboard-panel-content{display:flex;flex-flow:row wrap;gap:12px;padding:16px 20px;overflow-y:auto;overflow-x:hidden;max-height:400px;scrollbar-width:thin;scrollbar-color:var(--editor-bg-hover, #3c3c3c) var(--editor-bg-tertiary, #2d2d30);background:var(--editor-bg-primary, #1e1e1e)}.storyboard-panel-content::-webkit-scrollbar{width:8px}.storyboard-panel-content::-webkit-scrollbar-track{background:var(--editor-bg-tertiary, #2d2d30);border-radius:4px}.storyboard-panel-content::-webkit-scrollbar-thumb{background:var(--editor-bg-hover, #3c3c3c);border-radius:4px}.storyboard-panel-content::-webkit-scrollbar-thumb:hover{background:var(--editor-text-tertiary, #666666)}.storyboard-scene-card{flex:0 0 auto;width:140px;height:80px;position:relative;border-radius:6px;overflow:hidden;background:var(--editor-bg-secondary, #252526);border:2px solid transparent;cursor:pointer;transition:all .2s ease}.storyboard-scene-card:hover{border-color:var(--editor-accent-primary, #ff4081);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.storyboard-scene-card:focus-visible{outline:2px solid var(--editor-accent-primary, #ff4081);outline-offset:2px}.storyboard-scene-card.active{border-color:var(--editor-accent-primary, #ff4081);box-shadow:0 0 0 1px var(--editor-accent-primary, #ff4081),0 4px 16px #ff40814d}.storyboard-scene-card img{width:100%;height:100%;object-fit:cover}.storyboard-scene-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--editor-text-disabled, #555555);font-size:11px;background:linear-gradient(135deg,var(--editor-bg-secondary, #252526) 0%,var(--editor-bg-tertiary, #2d2d30) 100%)}.storyboard-scene-number{position:absolute;top:4px;left:4px;font-size:10px;font-weight:600;color:#fff;background:#000000b3;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.storyboard-scene-badges{position:absolute;bottom:4px;right:4px;display:flex;gap:4px}.storyboard-scene-badge{font-size:12px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.storyboard-floating-panel{display:none!important;border-right:2px solid var(--editor-text-secondary);border-bottom:2px solid var(--editor-text-secondary)}.lipsync-timeline-section{margin:20px 0;padding:16px;background:linear-gradient(180deg,#00000040,#0003);border-radius:14px;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.lipsync-timeline-section:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3) 30%,rgba(16,185,129,.3) 70%,transparent)}.lipsync-timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.lipsync-timeline-header .timeline-label{font-size:13px;font-weight:600;color:#fffffff2;display:flex;align-items:center;gap:8px}.lipsync-timeline-header .timeline-label:before{content:"";display:inline-block;width:3px;height:14px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:2px}.lipsync-timeline-header .timeline-hint{font-size:11px;color:#ffffff80;font-style:italic;background:#ffffff0d;padding:4px 10px;border-radius:12px}.lipsync-timeline-container{display:flex;flex-direction:column;gap:10px}.lipsync-timeline-track{display:flex;align-items:center;gap:12px}.lipsync-timeline-track .track-label{font-size:11px;font-weight:600;color:#ffffffb3;width:48px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.lipsync-timeline-track .track-bar{flex:1;height:36px;background:#ffffff0f;border-radius:8px;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.05);overflow:hidden}.lipsync-timeline-track.video-track .track-bar{background:linear-gradient(90deg,#3b82f633,#3b82f626 50%,#3b82f633);cursor:default;border-color:#3b82f633}.lipsync-timeline-track.video-track .track-bar:after{content:"";position:absolute;inset:4px 8px;background:repeating-linear-gradient(90deg,rgba(59,130,246,.3) 0px,rgba(59,130,246,.5) 2px,transparent 2px,transparent 6px);border-radius:4px;opacity:.6}.lipsync-timeline-track.audio-track .track-bar{background:#ffffff08;border-color:#10b98126}.lipsync-timeline-track .time-marker{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,#ffffff4d,#ffffff1a)}.lipsync-timeline-track .time-marker .time-label{position:absolute;bottom:-18px;left:-10px;font-size:9px;font-weight:500;color:#ffffff73;width:20px;text-align:center}.lipsync-timeline-track .audio-clip{position:absolute;top:4px;bottom:4px;background:linear-gradient(180deg,#10b981e6,#059669e6);border-radius:6px;cursor:grab;display:flex;align-items:center;justify-content:center;min-width:40px;box-shadow:0 2px 8px #10b98159,inset 0 1px #fff3;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid rgba(16,185,129,.4);overflow:hidden}.lipsync-timeline-track .audio-clip:before{content:"";position:absolute;inset:4px 6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0px,rgba(255,255,255,.4) 1px,transparent 1px,transparent 3px);border-radius:2px;opacity:.8}.lipsync-timeline-track .audio-clip:hover{box-shadow:0 4px 16px #10b98173,inset 0 1px #ffffff40;transform:scaleY(1.05)}.lipsync-timeline-track .audio-clip:active{cursor:grabbing;transform:scaleY(1.02)}.lipsync-timeline-track .audio-clip .audio-clip-label{font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none;position:relative;z-index:1}.lipsync-timeline-info{display:flex;justify-content:space-between;margin-top:12px;padding:10px 12px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.lipsync-timeline-info span{font-size:11px;color:#ffffff8c;font-weight:500}.lipsync-timeline-info span strong{color:#ffffffe6;margin-left:6px;font-weight:600}.lipsync-preview-controls{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px;background:linear-gradient(180deg,#0003,#00000026);border-radius:12px;border:1px solid rgba(255,255,255,.06)}.lipsync-preview-controls .preview-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#10b98133,#10b9811a);color:#6ee7b7;border:1px solid rgba(16,185,129,.35);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lipsync-preview-controls .preview-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 60%);opacity:0;transition:opacity .25s}.lipsync-preview-controls .preview-btn:hover{background:linear-gradient(135deg,#10b9814d,#10b98126);border-color:#10b98180;box-shadow:0 4px 16px #10b98140;transform:translateY(-1px)}.lipsync-preview-controls .preview-btn:hover:before{opacity:1}.lipsync-preview-controls .preview-btn.active{background:linear-gradient(135deg,#ef444440,#ef44441f);color:#fca5a5;border-color:#ef444473;animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 6px #ef444400}}.lipsync-preview-controls .preview-btn.active:hover{background:linear-gradient(135deg,#ef444459,#ef44442e);border-color:#ef44448c}.lipsync-preview-controls .preview-btn svg{flex-shrink:0;transition:transform .2s}.lipsync-preview-controls .preview-btn:hover svg{transform:scale(1.1)}.lipsync-preview-controls .preview-hint{font-size:11px;color:#ffffff73;font-style:italic;line-height:1.4;flex:1}@media (max-width: 900px){.lipsync-preview-area{min-height:300px}.lipsync-control-row{flex-direction:column;align-items:stretch}.lipsync-control-row>label{min-width:auto;margin-bottom:4px}.lipsync-preview-controls{flex-direction:column;align-items:flex-start}}.scene-audio-group{margin-top:12px}.scene-audio-group .controls-group-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.scene-audio-group .group-hint{font-size:11px;color:var(--text-muted, #9ca3af);margin-left:auto}.scene-audio-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px}.scene-audio-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--hover-bg, #f9fafb);border-radius:6px;border:1px solid var(--border-color, #e5e7eb)}.scene-audio-item.has-lipsync{border-left:3px solid var(--primary-color, #6366f1)}.scene-audio-label{display:flex;align-items:center;gap:4px;min-width:50px}.scene-audio-label .scene-number{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280)}.scene-audio-label .lipsync-badge{font-size:11px;cursor:help}.scene-audio-controls{display:flex;align-items:center;gap:8px;flex:1}.scene-audio-controls .mute-toggle{display:flex;align-items:center;cursor:pointer}.scene-audio-controls .mute-toggle input{display:none}.scene-audio-controls .mute-icon{font-size:14px;padding:4px;border-radius:4px;transition:background-color .2s}.scene-audio-controls .mute-toggle:hover .mute-icon{background:var(--hover-bg, #e5e7eb)}.scene-volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-color, #e5e7eb);border-radius:2px;cursor:pointer}.scene-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--primary-color, #6366f1);border-radius:50%;cursor:pointer;transition:transform .2s}.scene-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.scene-volume-slider:disabled{opacity:.5;cursor:not-allowed}.scene-volume-slider:disabled::-webkit-slider-thumb{background:var(--text-muted, #9ca3af)}.scene-audio-controls .volume-value{font-size:11px;color:var(--text-secondary, #6b7280);min-width:32px;text-align:right}.no-scenes-hint{font-size:12px;color:var(--text-muted, #9ca3af);text-align:center;padding:12px}.video-editor-panel{background:linear-gradient(180deg,#1a1a2e,#16162a);border:1px solid rgba(99,102,241,.2);border-radius:12px;overflow:hidden;margin-top:16px}.editor-transport-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(180deg,#252542,#1e1e36);border-bottom:1px solid rgba(255,255,255,.08)}.transport-left{display:flex;align-items:center;gap:16px}.transport-title{font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.transport-stats{display:flex;gap:12px}.stat-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.stat-badge.video-badge{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.25)}.stat-badge.music-badge{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.25)}.stat-badge .stat-icon{font-size:12px}.stat-badge .stat-divider{opacity:.4}.transport-center{display:flex;flex-direction:column;align-items:center;gap:8px}.transport-controls{display:flex;align-items:center;gap:8px;background:#0006;padding:8px 16px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transport-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .15s ease}.transport-btn:hover{background:#ffffff1a;border-color:#fff3}.transport-btn.play-btn{width:44px;height:44px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;font-size:16px}.transport-btn.play-btn:hover{background:linear-gradient(135deg,#818cf8,#6366f1);transform:scale(1.05)}.transport-btn.play-btn.playing{background:linear-gradient(135deg,#f59e0b,#d97706)}.transport-right{display:flex;align-items:center;gap:12px}.timeline-zoom-control{display:flex;align-items:center;gap:8px;background:#00000059;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.timeline-zoom-control .zoom-label{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#e2e8f0b3}.timeline-zoom-control input[type=range]{width:90px}.zoom-fit-btn{background:#6366f133;border:1px solid rgba(99,102,241,.4);color:#c7d2fe;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer}.zoom-fit-btn:hover{background:#6366f159}.time-display{font-family:Monaco,Menlo,monospace;font-size:13px;color:#a5b4fc;background:#0000004d;padding:6px 12px;border-radius:6px;min-width:120px;text-align:center}.time-display .current{color:#fff;font-weight:600}.time-display .separator{color:#fff6;margin:0 4px}.transport-time-display{display:flex;align-items:center;gap:4px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;color:#a5b4fc;background:#0000004d;padding:4px 10px;border-radius:6px;margin-left:8px;min-width:90px;justify-content:center}.transport-time-display span:first-child{color:#fff;font-weight:600}.transport-time-display .time-separator{color:#fff6;margin:0 2px}.nle-timeline-container{padding:0}.timeline-ruler{display:flex;height:28px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08);padding-left:100px;overflow:hidden}.ruler-marks{display:flex;position:relative;width:100%}.ruler-mark{position:relative;flex:1;min-width:60px;border-left:1px solid rgba(255,255,255,.15);padding-left:6px;font-size:10px;color:#ffffff80;padding-top:8px}.ruler-mark:after{content:"";position:absolute;left:50%;top:0;height:8px;border-left:1px solid rgba(255,255,255,.08)}.nle-track{display:flex;min-height:64px;border-bottom:1px solid rgba(255,255,255,.06)}.nle-track:last-child{border-bottom:none}.nle-track.selected{background:#6366f114;box-shadow:inset 3px 0 #6366f199}.nle-track.selected .track-header{background:#6366f11f}.nle-track.selected .track-name{color:#6366f1;font-weight:600}.nle-track .track-header:hover{background:#ffffff0d}.prop-empty-state{padding:16px;text-align:center;color:#ffffff80;font-size:13px;line-height:1.5;background:#00000026;border-radius:6px;margin:8px 0}.prop-empty-state p{margin:0}.prop-sticker-list{display:flex;flex-direction:column;gap:8px;padding:8px 0}.prop-label-small{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.prop-sticker-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0003;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.prop-sticker-item:hover{background:#6366f126;border-color:#6366f14d}.prop-sticker-item .sticker-preview{font-size:24px;line-height:1;flex-shrink:0}.prop-sticker-item .sticker-preview-img{width:32px;height:32px;object-fit:contain;border-radius:4px;background:#ffffff0d;flex-shrink:0}.prop-sticker-item .sticker-info{flex:1;font-size:13px;color:#fffc}.prop-remove-btn-small{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#ef444426;border:none;border-radius:4px;color:#ef4444cc;font-size:16px;cursor:pointer;opacity:0;transition:all .15s ease}.prop-sticker-item:hover .prop-remove-btn-small{opacity:1}.prop-remove-btn-small:hover{background:#ef44444d;color:#ef4444}.nle-timeline-scroll{overflow-x:auto;padding-bottom:6px}.nle-timeline-area{background:#00000040;border-radius:8px;overflow:hidden;margin:12px 0;position:relative}.nle-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;pointer-events:none;z-index:100;left:120px;transform:translate(-1px);box-shadow:0 0 8px #ef444480}.nle-playhead-handle{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:20px;height:16px;cursor:ew-resize;pointer-events:auto;z-index:101;background:transparent}.nle-playhead-handle:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #ef4444;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:border-top-color .15s ease}.nle-playhead-handle:hover:before,.nle-playhead.dragging .nle-playhead-handle:before{border-top-color:#f87171}.nle-playhead.dragging{box-shadow:0 0 12px #ef4444cc}.nle-playhead:before{display:none}.nle-playhead:after{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#ef4444;border-radius:50%}.nle-ruler{display:flex;height:32px;background:linear-gradient(180deg,#0006,#0000004d);border-bottom:2px solid rgba(99,102,241,.3)}.ruler-label{width:120px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#0000004d;border-right:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.ruler-track-area{flex:1;position:relative;background:#ffffff05}.nle-ruler-mark{position:absolute;height:100%;display:flex;align-items:flex-end;pointer-events:none}.nle-ruler-mark.major{border-left:1px solid rgba(255,255,255,.2)}.nle-ruler-mark.minor{border-left:1px solid rgba(255,255,255,.08)}.mark-label{position:absolute;top:4px;left:4px;font-size:10px;font-weight:500;color:#fff9;font-family:Monaco,Menlo,monospace;background:#0006;padding:2px 6px;border-radius:3px;white-space:nowrap}.track-header{width:120px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;background:#0000004d;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.05)}.track-icon{font-size:18px;line-height:1}.track-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff}.track-mute{display:flex;align-items:center;cursor:pointer;font-size:14px}.track-mute input{display:none}.track-mute span{opacity:.7;transition:opacity .2s ease}.track-mute:hover span{opacity:1}.track-volume-mini{width:100%;margin-top:4px}.track-volume-mini input[type=range]{width:100%;height:4px;-webkit-appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer}.track-volume-mini input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#6366f1;cursor:pointer;transition:transform .15s ease}.track-volume-mini input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.track-clips-area{flex:1;position:relative;min-height:56px;background:linear-gradient(180deg,#00000026,#00000040);border-bottom:1px solid rgba(255,255,255,.05);padding:8px 0}.track-clips-area.draggable-track{cursor:crosshair}.track-clips-area.draggable-track:hover{background:linear-gradient(180deg,#6366f114,#00000040)}.video-track .track-header{background:linear-gradient(135deg,#6366f126,#4f46e51a);border-right-color:#6366f140}.video-track .track-name{color:#a5b4fc}.video-track .track-clips-area{background:linear-gradient(180deg,#6366f10d,#0003)}.music-track .track-header{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border-right-color:#22c55e40}.music-track .track-name{color:#86efac}.music-track .track-clips-area{background:linear-gradient(180deg,#22c55e0d,#0003)}.voice-track .track-header{background:linear-gradient(135deg,#a855f726,#8b5cf61a);border-right-color:#a855f740}.voice-track .track-name{color:#c4b5fd}.voice-track .track-clips-area{background:linear-gradient(180deg,#a855f70d,#0003)}.nle-clip{position:absolute;top:8px;height:40px;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;display:flex;align-items:center;padding:0 10px;gap:8px;box-shadow:0 2px 8px #0000004d}.nle-clip:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000080}.nle-clip:active,.nle-clip.dragging{transition:none!important;transform:none!important}.nle-clip.video-clip{background:linear-gradient(135deg,#6366f166,#4f46e580);border:2px solid rgba(99,102,241,.6);border-left:4px solid #6366f1}.nle-clip.video-clip:hover{border-color:#6366f1e6;background:linear-gradient(135deg,#6366f180,#4f46e599)}.nle-clip.video-clip.selected{border:2px solid #6366f1;border-left:4px solid #818cf8;box-shadow:0 0 0 3px #6366f140,0 4px 16px #6366f166}.nle-clip.video-clip.has-lipsync{border-right:4px solid #8b5cf6;background:linear-gradient(135deg,#6366f166,#8b5cf666)}.nle-clip.audio-clip{height:36px;top:10px}.nle-clip.music-clip{background:linear-gradient(135deg,#22c55e59,#16a34a73);border:2px solid rgba(34,197,94,.6);border-left:4px solid #22c55e}.nle-clip.music-clip:hover{border-color:#22c55ee6;background:linear-gradient(135deg,#22c55e73,#16a34a8c)}.nle-clip.voice-clip{background:linear-gradient(135deg,#a855f759,#8b5cf673);border:2px solid rgba(168,85,247,.6);border-left:4px solid #a855f7}.nle-clip.voice-clip:hover{border-color:#a855f7e6;background:linear-gradient(135deg,#a855f773,#8b5cf68c)}.sticker-track .track-header{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-right-color:#fbbf2440}.sticker-track .track-name{color:#fcd34d}.sticker-track .track-clips-area{background:linear-gradient(180deg,#fbbf240d,#0003)}.track-add-btn{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#ffffffb3;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:all .2s ease}.track-add-btn:hover{background:#fff3;color:#fff;border-color:#fff6}.nle-clip.sticker-clip{background:linear-gradient(135deg,#fbbf2459,#f59e0b73);border:2px solid rgba(251,191,36,.6);border-left:4px solid #fbbf24;height:36px;top:10px;cursor:grab}.nle-clip.sticker-clip:hover{border-color:#fbbf24e6;background:linear-gradient(135deg,#fbbf2473,#f59e0b8c)}.nle-clip.sticker-clip.selected{border:2px solid #fbbf24;border-left:4px solid #fcd34d;box-shadow:0 0 0 3px #fbbf2440,0 4px 16px #fbbf2466}.nle-clip.sticker-clip:active{cursor:grabbing}.clip-sticker-thumb{width:24px;height:24px;border-radius:4px;object-fit:contain;background:#0000004d;flex-shrink:0}.prop-checkbox{display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.prop-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer}.prop-checkbox span{font-size:11px;color:var(--text-secondary, #94a3b8)}.prop-select{flex:1;padding:6px 8px;border-radius:4px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--input-bg, rgba(0, 0, 0, .2));color:var(--text-primary, #f8fafc);font-size:12px;cursor:pointer}.prop-select:focus{outline:none;border-color:var(--primary-color, #3b82f6)}.prop-remove-btn{margin-left:auto;width:20px;height:20px;border-radius:4px;border:none;background:#ef444433;color:#ef4444;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.prop-remove-btn:hover{background:#ef444466}.prop-timeline-bar{height:8px;background:#0000004d;border-radius:4px;margin-top:8px;position:relative;overflow:hidden}.prop-timeline-active{position:absolute;top:0;height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:4px}.clip-thumbnail{width:28px;height:28px;border-radius:4px;overflow:hidden;background:#0006;flex-shrink:0}.clip-thumbnail img{width:100%;height:100%;object-fit:cover}.fused-thumbnails{position:relative;width:28px;height:28px;border-radius:4px;overflow:hidden;flex-shrink:0}.fused-thumb-back,.fused-thumb-front{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nle-clip.fused-clip{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border:1px solid rgba(139,92,246,.5)}.nle-clip.fused-clip:hover{border-color:#8b5cf6b3}.nle-clip.fused-clip.selected{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.clip-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.clip-label{font-size:11px;font-weight:600;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip-badge{font-size:10px;line-height:1}.clip-speed{font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;background:#fff3;color:#fbbf24;white-space:nowrap}.clip-duration{font-size:10px;font-weight:500;font-family:Monaco,Menlo,monospace;color:#fffc;white-space:nowrap;margin-left:auto}.clip-actions{display:flex;gap:4px;margin-left:6px}.clip-action-btn{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.3);background:#0f172a80;color:#f8fafc;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.clip-action-btn:disabled{opacity:.4;cursor:not-allowed}.clip-waveform{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 2px,transparent 2px,transparent 6px);opacity:.4;pointer-events:none}.clip-handles{position:absolute;inset:0;pointer-events:none}.clip-handles .handle{position:absolute;top:0;bottom:0;width:6px;background:#ffffff4d;cursor:ew-resize;pointer-events:auto;opacity:0;transition:opacity .2s ease}.nle-clip:hover .clip-handles .handle{opacity:1}.clip-handles .handle.left{left:0;border-radius:6px 0 0 6px}.clip-handles .handle.right{right:0;border-radius:0 6px 6px 0}.editor-properties-panel{background:#0003;border-top:1px solid rgba(255,255,255,.08)}.properties-tabs{display:flex;gap:4px;padding:8px 16px 0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.prop-tab{padding:8px 16px;border:none;background:transparent;color:#ffffff80;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.prop-tab:hover{color:#fffc}.prop-tab.active{color:#fff;border-bottom-color:#6366f1}.prop-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;margin-bottom:12px}.prop-section:last-child{margin-bottom:0}.prop-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.prop-section-icon{font-size:16px;line-height:1}.prop-section-header span:not(.prop-section-icon){font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.prop-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:8px 0}.prop-row:last-child{margin-bottom:0}.prop-row label{font-size:11px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.3px;min-width:80px}.prop-speed-control,.prop-volume-control,.prop-time-control{display:flex;align-items:center;gap:8px;flex:1}.speed-select,.speed-input,.time-input,.volume-input{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:80px}.speed-input{width:70px;min-width:70px;text-align:center}.speed-input::-webkit-outer-spin-button,.speed-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.speed-input[type=number]{-moz-appearance:textfield}.volume-input{width:50px;min-width:50px;text-align:center}.volume-input::-webkit-outer-spin-button,.volume-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.volume-input[type=number]{-moz-appearance:textfield}.speed-select:hover,.speed-input:hover,.time-input:hover,.volume-input:hover{border-color:#ffffff40;background:#0006}.speed-select:focus,.speed-input:focus,.time-input:focus,.volume-input:focus{outline:none;border-color:#6366f199;box-shadow:0 0 0 2px #6366f126}.speed-indicator{font-size:10px;font-weight:600;color:#fff9;font-family:Monaco,Menlo,monospace}.prop-slider{flex:1;height:6px;-webkit-appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer;transition:background .2s ease}.prop-slider:hover{background:#ffffff26}.prop-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000004d}.prop-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #6366f180}.prop-slider:disabled{opacity:.4;cursor:not-allowed}.prop-value{min-width:45px;text-align:right;font-size:11px;font-weight:600;color:#fffc;font-family:Monaco,Menlo,monospace}.mute-toggle-mini{display:flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .15s ease}.mute-toggle-mini:hover{background:#ffffff1a;border-color:#fff3}.mute-toggle-mini input{display:none}.mute-toggle-mini span{font-size:14px;line-height:1}.prop-static{font-size:11px;color:#fff9;font-style:italic}.editor-export-actions{display:flex;justify-content:center;gap:12px;padding:16px;background:linear-gradient(180deg,transparent 0%,rgba(0,168,255,.03) 100%);border-top:1px solid var(--editor-border-subtle, rgba(255, 255, 255, .06))}.editor-export-actions .studio-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;letter-spacing:.02em;border-radius:var(--editor-radius-md, 8px);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.editor-export-actions .studio-btn.primary{background:linear-gradient(135deg,var(--editor-accent-primary, #00a8ff) 0%,#0090e0 100%);color:var(--editor-text-inverse, #ffffff);border:1px solid var(--editor-accent-primary-active, #0090e0);box-shadow:0 2px 8px #00a8ff4d,inset 0 1px #ffffff1a}.editor-export-actions .studio-btn.primary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:var(--editor-radius-md, 8px) var(--editor-radius-md, 8px) 0 0;pointer-events:none}.editor-export-actions .studio-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--editor-accent-primary-hover, #33b8ff) 0%,var(--editor-accent-primary, #00a8ff) 100%);transform:translateY(-2px);box-shadow:0 4px 16px #00a8ff66,inset 0 1px #ffffff26}.editor-export-actions .studio-btn.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #00a8ff4d}.editor-export-actions .studio-btn.secondary{background:linear-gradient(135deg,var(--editor-bg-elevated, #333333) 0%,var(--editor-bg-tertiary, #2d2d30) 100%);color:var(--editor-text-primary, rgba(255, 255, 255, .9));border:1px solid var(--editor-border-color, #3c3c3c);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.editor-export-actions .studio-btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--editor-bg-hover, #3c3c3c) 0%,var(--editor-bg-elevated, #333333) 100%);border-color:var(--editor-border-strong, #4a4a4a);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.editor-export-actions .studio-btn.secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0003}.editor-export-actions .studio-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.editor-export-actions .studio-btn .btn-icon{font-size:16px;line-height:1}.editor-export-actions .view-exports-btn{flex-shrink:0}.export-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;font-size:14px;font-weight:600}.export-btn .btn-icon{font-size:16px}.music-panel{flex:1;display:flex;flex-direction:column;gap:20px;width:100%;grid-column:1 / -1}.music-controls-panel{background:linear-gradient(180deg,#0f0f19fa,#0a0a12f2)!important;border-radius:16px!important;padding:20px!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 4px 32px #0006,inset 0 1px #ffffff08!important;position:relative;overflow:hidden}.music-controls-panel:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5) 20%,rgba(99,102,241,.5) 50%,rgba(139,92,246,.5) 80%,transparent)}.music-controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.music-controls-header h4{margin:0;font-size:15px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px;letter-spacing:.3px}.music-controls-header h4:before{content:"";width:28px;height:28px;background:linear-gradient(135deg,#8b5cf633,#6366f133);border-radius:8px;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'%3E%3C/path%3E%3Ccircle cx='6' cy='18' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='16' r='3'%3E%3C/circle%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;border:1px solid rgba(139,92,246,.2)}.music-edit-controls{display:flex;flex-direction:column;gap:16px}.music-control-row{display:flex;align-items:center;gap:14px}.music-control-row>label{min-width:85px;font-size:12px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px}.music-control-row select,.music-control-row input[type=text],.music-control-row textarea,.music-preset-select,.music-prompt-input{flex:1;padding:12px 14px!important;background:linear-gradient(135deg,#ffffff0a,#ffffff05)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;color:#fff!important;font-size:13px!important;transition:all .25s cubic-bezier(.4,0,.2,1)}.music-control-row select:hover,.music-control-row input[type=text]:hover,.music-control-row textarea:hover,.music-preset-select:hover,.music-prompt-input:hover{border-color:#8b5cf64d!important;background:linear-gradient(135deg,#ffffff0f,#ffffff08)!important}.music-control-row select:focus,.music-control-row input[type=text]:focus,.music-control-row textarea:focus,.music-preset-select:focus,.music-prompt-input:focus{outline:none;border-color:#8b5cf680!important;box-shadow:0 0 0 3px #8b5cf61a,0 4px 12px #8b5cf626!important}.music-toggle .toggle-slider{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.1)}.music-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#8b5cf680;box-shadow:0 2px 12px #8b5cf666}.music-audio-player,.music-current-track audio{width:100%;height:44px;border-radius:12px;background:linear-gradient(180deg,#0000004d,#00000040);border:1px solid rgba(255,255,255,.06)}.music-audio-preview{position:relative;background:linear-gradient(180deg,#0000004d,#00000040);border-radius:12px;padding:10px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.music-audio-preview:before{content:"";position:absolute;inset:8px 12px;background:repeating-linear-gradient(90deg,rgba(139,92,246,.15) 0px,rgba(139,92,246,.3) 2px,transparent 2px,transparent 5px);opacity:.4;border-radius:6px;pointer-events:none}.music-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.25);border-radius:20px;font-size:12px;font-weight:500;color:#c4b5fd}.music-status-badge.ready{background:linear-gradient(135deg,#10b98126,#10b9811a);border-color:#10b9814d;color:#6ee7b7}.music-status-badge.generating{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf244d;color:#fcd34d}.music-preview-area{position:relative;background:linear-gradient(180deg,#0a0a0f,#0d0d15);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);min-height:400px;display:flex;align-items:center;justify-content:center}.music-scene-display{position:relative;width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0a0a0ff2,#0f0f16e6)}.music-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0a0a0fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:22px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10}.music-nav-btn:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-50%) scale(1.08);box-shadow:0 4px 20px #8b5cf640}.music-nav-btn.prev{left:12px}.music-nav-btn.next{right:12px}.music-scene-label{position:absolute;bottom:45px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.3px;color:#ffffffe6;background:linear-gradient(135deg,#0a0a14d9,#141423bf);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006}.music-scene-label .scene-type-badge{font-size:10px;padding:3px 10px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.music-scene-label .scene-type-badge.music{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf666}.music-scene-indicators{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px}.music-preview-empty{text-align:center;color:#ffffff80;padding:48px}.music-preview-empty span{display:block;font-size:48px;margin-bottom:16px;opacity:.5}.music-preview-empty p{font-size:14px;opacity:.7;margin:0}.music-duration-group,.music-effect-group{display:flex;flex-direction:column;gap:6px}.music-control-label{font-size:11px;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.8px}.music-duration-select,.music-effect-select{padding:10px 14px!important;background:linear-gradient(135deg,#ffffff0a,#ffffff05)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;color:#fff!important;font-size:13px!important;cursor:pointer;min-width:140px;transition:all .25s cubic-bezier(.4,0,.2,1)}.music-duration-select:hover,.music-effect-select:hover{border-color:#8b5cf64d!important}.music-duration-select:focus,.music-effect-select:focus{outline:none;border-color:#8b5cf680!important;box-shadow:0 0 0 3px #8b5cf61a!important}.music-current-track{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.music-controls-panel .studio-btn.secondary{background:linear-gradient(135deg,#8b5cf626,#6366f11a)!important;border:1px solid rgba(139,92,246,.25)!important;color:#c4b5fd!important;transition:all .25s cubic-bezier(.4,0,.2,1)}.music-controls-panel .studio-btn.secondary:hover{background:linear-gradient(135deg,#8b5cf640,#6366f133)!important;border-color:#8b5cf666!important;box-shadow:0 4px 16px #8b5cf633;transform:translateY(-1px)}.music-controls-panel .studio-btn.secondary:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.style-keywords-section{margin-top:16px}.style-keywords-section .editor-label{display:flex;align-items:center;gap:8px;margin-bottom:12px}.style-keywords-section .label-hint{font-size:11px;color:var(--text-muted, #6b7280);font-weight:400}.style-keywords-container{display:flex;flex-direction:column;gap:12px}.style-category{display:flex;flex-direction:column;gap:6px}.category-label{font-size:11px;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.style-chips{display:flex;flex-wrap:wrap;gap:6px}.style-chip{padding:4px 10px;border-radius:14px;font-size:12px;font-weight:500;background:var(--hover-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-color, #1f2937);cursor:pointer;transition:all .2s ease}.style-chip:hover{background:var(--primary-light, #eff6ff);border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.style-chip.selected{background:var(--primary-color, #2563eb);border-color:var(--primary-color, #2563eb);color:#fff}.style-chip.selected:hover{background:var(--primary-hover, #1d4ed8);border-color:var(--primary-hover, #1d4ed8);color:#fff}.clear-styles-btn{margin-top:8px;padding:4px 8px;font-size:11px;color:var(--text-muted, #6b7280);background:transparent;border:none;cursor:pointer;text-decoration:underline;transition:color .2s ease}.clear-styles-btn:hover{color:var(--error-color, #ef4444)}.style-keywords-row{flex-direction:column;align-items:flex-start!important;gap:8px}.style-keywords-row>label{margin-bottom:4px}.style-keywords-inline{display:flex;flex-direction:column;gap:10px;width:100%}.style-category-inline{display:flex;flex-direction:column;gap:4px}.category-label-inline{font-size:10px;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.style-chips-inline{display:flex;flex-wrap:wrap;gap:4px}.style-chip-inline{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500;background:var(--hover-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-color, #1f2937);cursor:pointer;transition:all .15s ease}.style-chip-inline:hover{background:var(--primary-light, #eff6ff);border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.style-chip-inline.selected{background:var(--primary-color, #2563eb);border-color:var(--primary-color, #2563eb);color:#fff}.style-chip-inline.selected:hover{background:var(--primary-hover, #1d4ed8);border-color:var(--primary-hover, #1d4ed8)}.clear-styles-inline{margin-top:4px;padding:2px 6px;font-size:10px;color:var(--text-muted, #6b7280);background:transparent;border:none;cursor:pointer;text-decoration:underline;transition:color .15s ease}.clear-styles-inline:hover{color:var(--error-color, #ef4444)}.multi-reference-container{display:flex;flex-direction:column;gap:6px;width:100%}.multi-reference-images{display:flex;gap:8px;flex-wrap:wrap}.multi-reference-item{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;border:2px solid var(--border-color, #e5e7eb)}.multi-reference-item img{width:100%;height:100%;object-fit:cover}.multi-reference-item .reference-remove-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#0009;border:none;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.multi-reference-item:hover .reference-remove-btn{opacity:1}.multi-reference-item .reference-label{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:8px;text-align:center;padding:1px 0}.multi-reference-add{width:56px;height:56px;border-radius:8px;border:2px dashed var(--border-color, #d1d5db);background:var(--hover-bg, #f9fafb);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.multi-reference-add:hover{border-color:var(--primary-color, #2563eb);background:var(--primary-bg-light, #eff6ff)}.multi-reference-add input{display:none}.multi-reference-add span{font-size:20px;color:var(--text-muted, #9ca3af);font-weight:300}.multi-reference-add:hover span{color:var(--primary-color, #2563eb)}.multi-reference-hint{font-size:10px;color:var(--text-muted, #6b7280);font-style:italic}.reference-url-row{display:flex;gap:8px;align-items:center}.reference-url-row .url-input,.reference-url-row .url-submit-btn{padding:6px 10px;font-size:12px}.multi-reference-use-selected{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;border:2px solid var(--primary-color, #2563eb);background:transparent;cursor:pointer;padding:0;transition:all .15s ease}.multi-reference-use-selected img{width:100%;height:100%;object-fit:cover;opacity:.7}.multi-reference-use-selected span{position:absolute;bottom:0;left:0;right:0;background:var(--primary-color, #2563eb);color:#fff;font-size:9px;font-weight:600;text-align:center;padding:2px 0;text-transform:uppercase}.multi-reference-use-selected:hover{border-color:var(--primary-hover, #1d4ed8);transform:scale(1.05)}.multi-reference-use-selected:hover img{opacity:1}.single-reference-options{display:flex;gap:8px;align-items:center}.use-selected-btn{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:6px;border:1px solid var(--primary-color, #2563eb);background:var(--primary-bg-light, #eff6ff);cursor:pointer;transition:all .15s ease}.use-selected-btn img{width:28px;height:28px;border-radius:4px;object-fit:cover}.use-selected-btn span{font-size:11px;font-weight:500;color:var(--primary-color, #2563eb);white-space:nowrap}.use-selected-btn:hover{background:var(--primary-color, #2563eb);border-color:var(--primary-color, #2563eb)}.use-selected-btn:hover span{color:#fff}.video-actions-row{display:flex;gap:12px;margin-top:12px;padding:8px 0;flex-wrap:wrap}.split-video-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.split-video-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.split-video-action-btn:disabled{opacity:.6;cursor:not-allowed}.split-video-action-btn .btn-icon{font-size:14px}.split-video-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.split-video-modal{background:#1a1a2e;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 25px 50px #00000080}.split-video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.split-video-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.split-video-modal-header .close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.split-video-modal-header .close-btn:hover{color:#fff}.split-video-modal-content{padding:24px;overflow-y:auto;flex:1}.split-video-preview{background:#000;border-radius:12px;overflow:hidden;margin-bottom:24px}.split-video-preview video{width:100%;max-height:300px;object-fit:contain;display:block}.split-video-frame-indicator{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.split-video-frame-indicator .frame-time{color:#fff;font-size:12px;font-weight:500;font-family:SF Mono,Monaco,Cascadia Code,monospace}.split-video-preview{position:relative}.frame-navigation-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding:12px 16px;background:#4f46e51a;border:1px solid rgba(79,70,229,.2);border-radius:10px}.frame-step-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.frame-step-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.frame-step-btn:active{transform:translateY(0)}.frame-nav-hint{color:#a1a1aa;font-size:11px;text-align:center;flex:1;line-height:1.4}.split-time-section{margin-bottom:24px}.split-time-section .editor-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:#ccc;margin-bottom:12px}.split-time-display{background:#4f46e533;color:#a5b4fc;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,monospace}.split-timeline-container{position:relative;padding:20px 0}.split-timeline-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#4f46e580 0% 50%,#7c3aed4d 50% 100%);border-radius:4px;outline:none;cursor:pointer}.split-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:32px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:4px;cursor:grab;box-shadow:0 2px 8px #f9731666;transition:transform .15s ease}.split-timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.split-timeline-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.split-timeline-slider::-moz-range-thumb{width:20px;height:32px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:4px;border:none;cursor:grab;box-shadow:0 2px 8px #f9731666}.split-timeline-markers{position:relative;height:24px;margin-top:8px}.split-timeline-markers .marker{position:absolute;font-size:11px;color:#888}.split-timeline-markers .marker.start{left:0}.split-timeline-markers .marker.end{right:0}.split-timeline-markers .marker.split{transform:translate(-50%);font-size:16px;top:-2px}.split-parts-preview{display:flex;align-items:center;gap:12px;margin-top:20px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.split-part{flex:1;text-align:center;padding:12px;border-radius:8px}.split-part.part1{background:linear-gradient(135deg,#4f46e533,#4f46e51a);border:1px solid rgba(79,70,229,.3)}.split-part.part2{background:linear-gradient(135deg,#7c3aed33,#7c3aed1a);border:1px solid rgba(124,58,237,.3)}.split-part .part-label{display:block;font-size:12px;color:#888;margin-bottom:4px}.split-part .part-duration{display:block;font-size:18px;font-weight:600;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace}.split-divider{font-size:24px;color:#f97316}.split-video-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px 16px}.split-video-info p{margin:0;font-size:13px;color:#93c5fd;line-height:1.5}.split-video-info p+p{margin-top:4px}.split-video-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.mask-animation-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.mask-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.mask-toggle-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary, #6366f1)}.mask-toggle-text{flex:1;color:var(--text-primary, #f9fafb)}.mask-toggle-icon{font-size:18px;color:var(--primary, #6366f1);opacity:.7}.mask-animation-controls{margin-top:12px;padding:12px;background:#6366f114;border-radius:8px;border:1px solid rgba(99,102,241,.2)}.mask-animation-controls .video-control-row{margin-bottom:10px}.mask-animation-controls .video-control-row:last-child{margin-bottom:0}.mask-animation-controls label{font-size:12px;color:var(--text-muted, #9ca3af)}.mask-animation-controls select{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--border-color, rgba(255, 255, 255, .15));background:var(--input-bg, rgba(0, 0, 0, .2));color:var(--text-primary, #f9fafb);font-size:13px}.mask-animation-controls select:focus{outline:none;border-color:var(--primary, #6366f1)}.mask-slider{width:100%;height:6px;margin-top:6px;border-radius:3px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary, #6366f1),rgba(99,102,241,.3));cursor:pointer}.mask-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary, #6366f1);border:2px solid #fff;cursor:pointer;box-shadow:0 2px 4px #0000004d}.mask-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary, #6366f1);border:2px solid #fff;cursor:pointer;box-shadow:0 2px 4px #0000004d}.slider-hint{display:block;font-size:10px;color:var(--text-muted, #9ca3af);opacity:.7;margin-top:2px;font-style:italic}.mask-section-header{font-size:13px;font-weight:600;color:var(--primary, #6366f1);margin-top:16px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(99,102,241,.3);display:flex;align-items:center;gap:8px}.mask-section-header:first-child{margin-top:0}.section-help-text{font-size:10px;font-weight:400;color:var(--text-muted, #9ca3af);font-style:italic}.pause-points-list{margin-top:8px;margin-bottom:12px}.pause-points-empty{padding:16px;text-align:center;color:var(--text-muted, #9ca3af);font-size:12px;background:#0003;border-radius:6px;border:1px dashed rgba(99,102,241,.3)}.pause-point-item{background:#0000004d;border:1px solid rgba(99,102,241,.25);border-radius:8px;padding:12px;margin-bottom:10px}.pause-point-item:last-child{margin-bottom:0}.pause-point-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pause-point-label{font-size:12px;font-weight:600;color:var(--text-primary, #f9fafb)}.pause-point-remove{width:20px;height:20px;border-radius:50%;border:none;background:#ef444433;color:#ef4444;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pause-point-remove:hover{background:#ef44444d;transform:scale(1.1)}.pause-point-remove:disabled{opacity:.5;cursor:not-allowed}.video-control-row.compact{margin-bottom:8px}.pause-points-actions{margin-top:12px;display:flex;justify-content:center}.pause-points-help{margin-top:12px;padding:10px;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;font-size:11px;color:var(--text-muted, #9ca3af);line-height:1.5}.pause-points-help strong{color:var(--text-primary, #f9fafb);font-weight:600}.scene-mask-indicator{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;font-size:12px;color:#fff;z-index:5;box-shadow:0 2px 6px #6366f166}.scene-mask-indicator:before{content:"◢";font-size:10px}.scene-mask-indicator:hover:after{content:"Mask Fusion";position:absolute;top:-28px;left:50%;transform:translate(-50%);padding:4px 8px;background:#000000d9;color:#fff;font-size:10px;white-space:nowrap;border-radius:4px}.mask-fusion-preview{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--editor-radius-md, 6px);background:var(--editor-bg-primary, #141414);border:1px solid var(--editor-border-subtle, #2a2a2a)}.mask-scene-back,.mask-scene-front{position:absolute;top:0;left:0;width:100%;height:100%}.mask-scene-back{z-index:1}.mask-scene-front{z-index:2;transition:clip-path .05s linear}.mask-preview-video,.mask-preview-image{width:100%;height:100%;object-fit:contain;background:#000}.mask-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--editor-bg-tertiary, #222222);color:var(--editor-text-secondary, #a0a0a0);font-size:14px;font-weight:500}.mask-preview-controls{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:12px 16px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 60%,transparent 100%)}.mask-preview-slider-label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;color:#e5e7eb;cursor:pointer}.mask-preview-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:3px;cursor:pointer}.mask-preview-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--editor-accent-primary, #00a8ff);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #00a8ff66;transition:transform var(--editor-transition-fast, .1s ease-out)}.mask-preview-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #00a8ff80}.mask-preview-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.mask-preview-slider::-moz-range-thumb{width:16px;height:16px;background:var(--editor-accent-primary, #00a8ff);border:none;border-radius:50%;cursor:grab;box-shadow:0 2px 6px #00a8ff66}.mask-preview-value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums;color:var(--editor-accent-primary, #00a8ff);font-weight:600}.mask-preview-progress-bar{flex:1;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.mask-preview-progress-fill{height:100%;background:linear-gradient(90deg,var(--editor-accent-primary, #00a8ff) 0%,var(--editor-accent-primary-hover, #33b8ff) 100%);border-radius:3px;transition:width .05s linear;box-shadow:0 0 8px #00a8ff66}.mask-fusion-preview .mask-preview-controls{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;color:#e5e7eb}.mask-fusion-badge{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--editor-bg-overlay, rgba(0, 0, 0, .75));border:1px solid var(--editor-accent-primary-muted, rgba(0, 168, 255, .15));border-radius:var(--editor-radius-xl, 12px);font-size:11px;font-weight:600;color:var(--editor-text-primary, #e8e8e8);box-shadow:var(--editor-shadow-md, 0 2px 8px rgba(0, 0, 0, .5));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mask-fusion-badge .mask-icon{color:var(--editor-accent-primary, #00a8ff)}.mask-fusion-icon{font-size:14px;opacity:.9;color:var(--editor-accent-primary, #00a8ff)}.review-mask-preview{width:100%;max-width:800px;height:450px;position:relative;overflow:hidden;margin:0 auto;background:var(--editor-bg-primary, #141414);border-radius:var(--editor-radius-lg, 8px);border:1px solid var(--editor-border-subtle, #2a2a2a)}.timeline-mask-preview{width:100%;height:100%;border-radius:6px}.timeline-mask-preview .mask-preview-controls.timeline-compact{padding:4px 8px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 60%,transparent 100%)}.timeline-mask-preview .mask-preview-progress-bar{height:3px}.timeline-mask-preview .mask-preview-value{font-size:10px;min-width:28px}.timeline-mask-preview .mask-fusion-badge.timeline-compact{top:6px;left:6px;padding:3px 8px;font-size:9px;gap:4px}.timeline-mask-preview .mask-fusion-icon{font-size:11px}.mask-scene-front:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(180deg,var(--editor-accent-primary, #00a8ff) 0%,var(--editor-accent-secondary, #ff3366) 50%,var(--editor-accent-primary, #00a8ff) 100%);box-shadow:0 0 10px #00a8ff99,0 0 20px #00a8ff66;z-index:5;pointer-events:none}.scene-dot.has-mask{border:2px solid var(--editor-accent-primary, #00a8ff);box-shadow:0 0 6px #00a8ff80}.scene-dot.has-mask.active{background:var(--editor-accent-primary, #00a8ff);border-color:var(--editor-accent-primary-hover, #33b8ff);box-shadow:0 0 10px #00a8ffb3}.scene-type-badge.mask-fusion{background:var(--editor-accent-primary, #00a8ff);color:var(--editor-text-inverse, #141414);font-weight:600;padding:2px 8px;border-radius:var(--editor-radius-sm, 4px);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.scenes-grid-container{width:100%;padding:20px;background:var(--panel-bg, #1a1a2e);border-radius:12px;margin-bottom:20px}.scenes-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(99,102,241,.3)}.scenes-grid-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #f3f4f6)}.scenes-grid-hint{font-size:12px;color:var(--text-muted, #9ca3af);font-style:italic}.scenes-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;width:100%}@media (max-width: 1800px){.scenes-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 1400px){.scenes-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1000px){.scenes-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.scenes-grid{grid-template-columns:repeat(2,1fr)}}.scene-grid-item{position:relative;cursor:pointer;transition:all .2s ease;border-radius:8px;overflow:hidden;background:var(--card-bg, #16213e);border:2px solid transparent}.scene-grid-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #6366f14d;border-color:#6366f180}.scene-grid-item.selected{border-color:var(--primary, #6366f1);box-shadow:0 0 20px #6366f199}.scene-grid-item.generating{border-color:#8b5cf680;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#8b5cf64d}50%{border-color:#8b5cf6cc}}.scene-grid-preview{position:relative;width:100%;padding-top:133.33%;background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden}.scene-grid-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.scene-grid-empty{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-muted, #6b7280);opacity:.5}.scene-grid-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#8b5cf61a}.scene-grid-badge{position:absolute;top:8px;right:8px;background:#6366f1e6;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.scene-grid-badge.reference{background:#f97316e6}.scene-grid-label{padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-primary, #f3f4f6);text-align:center;background:var(--card-bg, #16213e);display:flex;align-items:center;justify-content:center;gap:6px}.scene-grid-status{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px}.scene-grid-status.ready{background:var(--success, #10b981);color:#fff}.scene-grid-selection-indicator{position:absolute;top:0;left:0;right:0;padding:4px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:10px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px;z-index:10}.scene-grid-item.add-scene{border:2px dashed rgba(99,102,241,.4);background:#6366f10d}.scene-grid-item.add-scene:hover{border-color:var(--primary, #6366f1);background:#6366f11a}.scene-grid-add-icon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--primary, #6366f1);font-weight:300}.scene-grid-item.dimension-mismatch{border-color:#f59e0b!important;box-shadow:0 0 0 1px #f59e0b66}.scene-grid-item.dimension-mismatch:hover{border-color:#f59e0b!important;box-shadow:0 4px 12px #f59e0b66,0 0 0 2px #f59e0b33}.scene-grid-badge.warning{position:absolute;top:8px;right:8px;background:#f59e0bf2;color:#fff;padding:4px 8px;border-radius:6px;font-size:16px;font-weight:600;z-index:5;cursor:help;box-shadow:0 2px 8px #f59e0b66}.scene-grid-status.warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);padding:2px 6px;border-radius:4px;font-size:12px;margin-left:6px}.storyboard-scene.dimension-mismatch{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444466,0 0 20px #ef44444d;background:#ef44440d}.storyboard-scene.dimension-mismatch .scene-number{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626;font-weight:600}.storyboard-scene.dimension-mismatch .scene-thumbnail{border:2px solid #ef4444}.dimension-warning-badge{position:absolute;top:-4px;right:-4px;font-size:14px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:help;box-shadow:0 2px 8px #ef444499,0 0 0 2px #ef444433}.studio-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.studio-btn.warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66}.studio-btn.warning:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.dimension-warning-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#f59e0bf2,#f59e0bd9);color:#fff;padding:12px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.dimension-warning-overlay .warning-icon{font-size:18px}.dimension-warning-overlay .warning-text{flex:1}.storyboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:16px}.storyboard-header .storyboard-title{margin:0}.studio-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;font-weight:600;box-shadow:0 2px 8px #ef444466}.studio-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #ef444499;transform:translateY(-1px)}.studio-btn.danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ef444466}.studio-btn.danger:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}.last-frame-scene-selector{margin-bottom:12px}.last-frame-scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:8px}.last-frame-scene-option{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.last-frame-scene-option:hover{border-color:var(--primary);transform:scale(1.05);box-shadow:0 4px 12px #3b82f64d}.last-frame-scene-option img{width:100%;height:100%;object-fit:cover}.last-frame-scene-option .scene-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);color:#fff;font-size:10px;font-weight:600;padding:4px 6px;text-align:center}.last-frame-actions .upload-btn{margin-top:8px}.music-upload-section{margin-top:20px;padding-top:20px;border-top:1px solid #2d3748}.music-upload-section .section-header{margin-bottom:12px}.music-upload-section .section-header h5{margin:0 0 4px;font-size:14px;font-weight:600;color:#e2e8f0}.music-upload-section .section-hint{font-size:12px;color:#94a3b8}.music-upload-controls{display:flex;align-items:center;gap:12px}.music-upload-controls .upload-status{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;font-size:12px;color:#22c55e}.music-upload-controls .status-icon{font-size:14px}.music-controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.music-controls-header .header-actions{display:flex;gap:8px}.music-controls-header h4{margin:0;font-size:16px;font-weight:600}.video-tools-modal{width:700px;max-width:90vw}.video-tools-presets{padding:8px 0}.tools-description{color:#9ca3af;font-size:14px;margin-bottom:24px;line-height:1.5;text-align:center}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.tool-preset-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:12px}.tool-preset-card:not(.disabled):hover{border-color:#6366f180;background:#6366f11a;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.tool-preset-card.disabled{opacity:.4;cursor:not-allowed}.preset-icon{font-size:48px;margin-bottom:8px}.preset-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.preset-description{font-size:13px;color:#9ca3af;line-height:1.4}.back-to-presets-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;margin-bottom:16px;display:inline-block}.back-to-presets-btn:hover{background:#ffffff1a;color:#fff}.target-size-input{background:#ffffff0d;border-radius:8px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.target-size-input label{font-size:14px;font-weight:500;color:#d1d5db}.target-size-input .size-input{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px 12px;font-size:16px;color:#fff;width:100%;max-width:200px}.target-size-input .size-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.target-size-input .size-hint{font-size:12px;color:#9ca3af;font-style:italic}.compressor-description{color:#9ca3af;font-size:14px;margin-bottom:24px;line-height:1.5}.compressor-upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:48px 24px;text-align:center;background:#ffffff05;transition:all .3s;cursor:pointer}.compressor-upload-area:hover{border-color:#6366f180;background:#6366f10d}.compressor-upload-label{display:block;cursor:pointer}.upload-icon{font-size:48px;margin-bottom:16px}.upload-text{font-size:16px;font-weight:500;color:#fff;margin-bottom:8px}.upload-hint{font-size:13px;color:#9ca3af}.compressor-file-info{background:#ffffff0d;border-radius:8px;padding:20px;margin-bottom:16px}.compressor-file-info p{margin:8px 0;font-size:14px;color:#d1d5db}.compressor-actions{display:flex;gap:12px;margin-top:20px;justify-content:center}.compressor-progress{text-align:center;padding:32px}.compressor-progress .spinner{border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:0 auto 20px}.compressor-progress p{color:#9ca3af;font-size:14px;margin:8px 0}.progress-hint{font-size:12px;color:#6b7280;font-style:italic}.compressor-result{text-align:center;padding:20px}.result-icon{font-size:64px;margin-bottom:16px}.result-message{font-size:18px;font-weight:600;color:#10b981;margin-bottom:8px}.compressed-video-preview{border-radius:8px;box-shadow:0 4px 6px #0000004d}@keyframes spin{to{transform:rotate(360deg)}}:root{--editor-bg-primary: #141414;--editor-bg-secondary: #1a1a1a;--editor-bg-tertiary: #222222;--editor-bg-elevated: #2a2a2a;--editor-bg-surface: #1e1e1e;--editor-bg-hover: #333333;--editor-bg-active: #3d3d3d;--editor-bg-selected: #2d4a5c;--editor-bg-input: #0d0d0d;--editor-bg-overlay: rgba(0, 0, 0, .75);--editor-border-subtle: #2a2a2a;--editor-border-color: #333333;--editor-border-strong: #444444;--editor-border-focus: #00a8ff;--editor-border-active: #0090e0;--editor-text-primary: #e8e8e8;--editor-text-secondary: #a0a0a0;--editor-text-tertiary: #707070;--editor-text-disabled: #505050;--editor-text-placeholder: #606060;--editor-text-inverse: #141414;--editor-accent-primary: #00a8ff;--editor-accent-primary-hover: #33b8ff;--editor-accent-primary-active: #0090e0;--editor-accent-primary-muted: rgba(0, 168, 255, .15);--editor-accent-secondary: #ff3366;--editor-accent-secondary-hover: #ff5580;--editor-accent-secondary-muted: rgba(255, 51, 102, .15);--editor-accent-tertiary: #9c5cff;--editor-accent-tertiary-muted: rgba(156, 92, 255, .15);--editor-accent-success: #00d97e;--editor-accent-success-muted: rgba(0, 217, 126, .15);--editor-accent-warning: #ffb020;--editor-accent-warning-muted: rgba(255, 176, 32, .15);--editor-accent-error: #ff4757;--editor-accent-error-muted: rgba(255, 71, 87, .15);--editor-accent-info: #00a8ff;--editor-track-video: #00c853;--editor-track-video-bg: rgba(0, 200, 83, .12);--editor-track-video-border: rgba(0, 200, 83, .3);--editor-track-audio: #2979ff;--editor-track-audio-bg: rgba(41, 121, 255, .12);--editor-track-audio-border: rgba(41, 121, 255, .3);--editor-track-voice: #ff9100;--editor-track-voice-bg: rgba(255, 145, 0, .12);--editor-track-voice-border: rgba(255, 145, 0, .3);--editor-track-lipsync: #e040fb;--editor-track-lipsync-bg: rgba(224, 64, 251, .12);--editor-track-lipsync-border: rgba(224, 64, 251, .3);--editor-track-music: #00bcd4;--editor-track-music-bg: rgba(0, 188, 212, .12);--editor-track-music-border: rgba(0, 188, 212, .3);--editor-clip-bg: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%);--editor-clip-border: rgba(255, 255, 255, .1);--editor-clip-selected-border: var(--editor-accent-primary);--editor-clip-hover-glow: rgba(0, 168, 255, .2);--editor-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--editor-shadow-md: 0 2px 8px rgba(0, 0, 0, .5);--editor-shadow-lg: 0 4px 16px rgba(0, 0, 0, .6);--editor-shadow-xl: 0 8px 32px rgba(0, 0, 0, .7);--editor-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .3);--editor-shadow-glow-primary: 0 0 12px rgba(0, 168, 255, .4);--editor-shadow-glow-secondary: 0 0 12px rgba(255, 51, 102, .4);--editor-gradient-panel: linear-gradient(180deg, var(--editor-bg-tertiary) 0%, var(--editor-bg-secondary) 100%);--editor-gradient-header: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, transparent 100%);--editor-gradient-hover: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, transparent 100%);--editor-gradient-menu: linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, transparent 50%);--editor-panel-padding: 8px;--editor-panel-padding-lg: 12px;--editor-panel-header-height: 34px;--editor-panel-gap: 1px;--editor-radius-xs: 2px;--editor-radius-sm: 4px;--editor-radius-md: 6px;--editor-radius-lg: 8px;--editor-radius-xl: 12px;--editor-resize-handle-size: 4px;--editor-resize-handle-color: transparent;--editor-resize-handle-hover-color: var(--editor-accent-primary);--editor-resize-handle-active-color: var(--editor-accent-primary-hover);--editor-button-bg: var(--editor-bg-elevated);--editor-button-bg-hover: var(--editor-bg-hover);--editor-button-bg-active: var(--editor-bg-active);--editor-button-border: var(--editor-border-color);--editor-icon-color: var(--editor-text-secondary);--editor-icon-color-hover: var(--editor-text-primary);--editor-icon-color-active: var(--editor-accent-primary);--editor-playhead-color: #ff3366;--editor-playhead-glow: 0 0 8px rgba(255, 51, 102, .6);--editor-timeline-ruler-bg: var(--editor-bg-primary);--editor-timeline-ruler-text: var(--editor-text-tertiary);--editor-timeline-tick: var(--editor-border-color);--editor-selection-bg: rgba(0, 168, 255, .2);--editor-selection-border: rgba(0, 168, 255, .5);--editor-focus-ring: 0 0 0 2px var(--editor-accent-primary-muted);--editor-focus-ring-offset: 0 0 0 2px var(--editor-bg-primary), 0 0 0 4px var(--editor-accent-primary);--editor-transition-fast: .1s ease-out;--editor-transition-normal: .18s ease-out;--editor-transition-slow: .3s ease-out;--editor-z-base: 0;--editor-z-dropdown: 100;--editor-z-modal: 200;--editor-z-tooltip: 300;--editor-z-playhead: 50}.editor-layout{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--editor-bg-primary);color:var(--editor-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;overflow:hidden}.editor-layout__toolbar{flex-shrink:0;min-height:40px;background-color:var(--editor-bg-tertiary);border-bottom:1px solid var(--editor-border-color)}.editor-layout__root{flex:1;min-height:0}.editor-layout__main-section{min-height:0}.editor-layout__main-panels{height:100%}.editor-panel{display:flex;flex-direction:column;background-color:var(--editor-bg-secondary);min-height:0;overflow:hidden}.editor-panel--collapsed{display:none}.editor-panel__content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.editor-panel__body{flex:1;min-height:0;overflow:auto;padding:var(--editor-panel-padding)}.editor-panel-header{display:flex;align-items:center;justify-content:space-between;height:var(--editor-panel-header-height);min-height:var(--editor-panel-header-height);padding:0 12px;background:var(--editor-gradient-header),var(--editor-bg-tertiary);border-bottom:1px solid var(--editor-border-subtle);-webkit-user-select:none;user-select:none;position:relative;gap:8px}.editor-panel-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 20%,rgba(255,255,255,.03) 80%,transparent 100%);pointer-events:none}.editor-panel-header__left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.editor-panel-header__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.editor-panel-header__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--editor-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--editor-transition-fast)}.editor-panel:focus-within .editor-panel-header__title{color:var(--editor-text-primary)}.editor-panel-header__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--editor-text-tertiary);flex-shrink:0}.editor-panel-header__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:600;color:var(--editor-text-primary);background-color:var(--editor-accent-primary-muted);border-radius:var(--editor-radius-sm)}.editor-panel-header__action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--editor-radius-sm);color:var(--editor-text-tertiary);cursor:pointer;transition:all var(--editor-transition-fast)}.editor-panel-header__action-btn:hover{background-color:var(--editor-bg-hover);border-color:var(--editor-border-subtle);color:var(--editor-text-primary)}.editor-panel-header__action-btn:active{background-color:var(--editor-bg-active);transform:scale(.95)}.editor-panel-header__action-btn:focus-visible{outline:none;box-shadow:var(--editor-focus-ring)}.editor-panel-header__action-btn--active{color:var(--editor-accent-primary);background-color:var(--editor-accent-primary-muted)}.editor-panel-header__collapse-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--editor-radius-sm);color:var(--editor-text-tertiary);cursor:pointer;transition:all var(--editor-transition-fast)}.editor-panel-header__collapse-btn:hover{background-color:var(--editor-bg-hover);border-color:var(--editor-border-subtle);color:var(--editor-text-primary)}.editor-panel-header__collapse-btn:active{background-color:var(--editor-bg-active);transform:scale(.95)}.editor-panel-header__collapse-btn:focus-visible{outline:none;box-shadow:var(--editor-focus-ring)}.editor-panel-header__collapse-icon{width:12px;height:12px;transition:transform var(--editor-transition-normal)}.editor-panel-header__collapse-icon--collapsed{transform:rotate(-90deg)}.editor-panel-header--compact{height:28px;min-height:28px;padding:0 8px}.editor-panel-header--compact .editor-panel-header__title{font-size:10px}.editor-panel-header--compact .editor-panel-header__collapse-btn,.editor-panel-header--compact .editor-panel-header__action-btn{width:18px;height:18px}.editor-panel-header--draggable{cursor:grab}.editor-panel-header--draggable:active{cursor:grabbing}.editor-panel-header__separator{width:1px;height:14px;background-color:var(--editor-border-subtle);margin:0 4px}.editor-panel--media-browser{border-right:1px solid var(--editor-border-color)}.editor-panel--preview .editor-panel__body{display:flex;align-items:center;justify-content:center;background-color:var(--editor-bg-primary)}.editor-panel--inspector{border-left:1px solid var(--editor-border-color)}.editor-panel--timeline{border-top:1px solid var(--editor-border-color)}.editor-panel--timeline .editor-panel__body{padding:0}.editor-resize-handle{position:relative;flex-shrink:0;background-color:var(--editor-resize-handle-color);transition:background-color var(--editor-transition-normal);z-index:10}.editor-resize-handle--horizontal{width:var(--editor-resize-handle-size);cursor:col-resize}.editor-resize-handle--vertical{height:var(--editor-resize-handle-size);cursor:row-resize}.editor-resize-handle:hover{background-color:var(--editor-resize-handle-hover-color)}.editor-resize-handle[data-resize-handle-active]{background-color:var(--editor-resize-handle-active-color)}.editor-resize-handle__indicator{position:absolute;background-color:var(--editor-border-subtle);transition:all var(--editor-transition-fast);opacity:.6}.editor-resize-handle--horizontal .editor-resize-handle__indicator{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.editor-resize-handle--vertical .editor-resize-handle__indicator{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.editor-resize-handle:hover .editor-resize-handle__indicator{background-color:var(--editor-resize-handle-hover-color);opacity:1}.editor-resize-handle[data-resize-handle-active] .editor-resize-handle__indicator{background-color:var(--editor-resize-handle-active-color);opacity:1;box-shadow:var(--editor-shadow-glow-primary)}.editor-resize-handle--horizontal:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:16px;background-image:radial-gradient(circle,var(--editor-text-tertiary) 1px,transparent 1px);background-size:2px 4px;background-repeat:repeat-y;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--editor-transition-normal)}.editor-resize-handle--horizontal:hover:before{opacity:.5}.editor-resize-handle--vertical:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background-image:radial-gradient(circle,var(--editor-text-tertiary) 1px,transparent 1px);background-size:4px 2px;background-repeat:repeat-x;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--editor-transition-normal)}.editor-resize-handle--vertical:hover:before{opacity:.5}.editor-resize-handle--horizontal:after{content:"";position:absolute;inset:0 -2px}.editor-resize-handle--vertical:after{content:"";position:absolute;inset:-2px 0}.editor-resize-handle--corner{width:var(--editor-resize-handle-size);height:var(--editor-resize-handle-size);cursor:nwse-resize}.editor-resize-handle--corner:hover{background-color:var(--editor-resize-handle-hover-color)}.editor-panel-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100px;background-color:var(--editor-bg-tertiary);border:1px dashed var(--editor-border-color);border-radius:4px}.editor-panel-placeholder__text{color:var(--editor-text-secondary);font-size:12px;font-style:italic}.editor-panel__body::-webkit-scrollbar{width:8px;height:8px}.editor-panel__body::-webkit-scrollbar-track{background-color:var(--editor-bg-tertiary)}.editor-panel__body::-webkit-scrollbar-thumb{background-color:var(--editor-bg-hover);border-radius:4px}.editor-panel__body::-webkit-scrollbar-thumb:hover{background-color:var(--editor-bg-active)}.editor-panel__body::-webkit-scrollbar-corner{background-color:var(--editor-bg-tertiary)}.editor-panel__body{scrollbar-width:thin;scrollbar-color:var(--editor-bg-hover) var(--editor-bg-tertiary)}.editor-panel:focus-within .editor-panel-header{border-bottom-color:var(--editor-border-focus)}@keyframes editor-panel-collapse{0%{opacity:1;max-width:100%}to{opacity:0;max-width:0}}@keyframes editor-panel-expand{0%{opacity:0;max-width:0}to{opacity:1;max-width:100%}}@media (max-width: 1200px){:root{--editor-panel-padding: 6px;--editor-panel-header-height: 28px}.editor-panel-header__title{font-size:10px}}@media (max-width: 900px){.editor-layout__main-panels{flex-direction:column!important}.editor-panel--media-browser,.editor-panel--inspector{border-left:none;border-right:none;border-bottom:1px solid var(--editor-border-color)}}.toolbar{display:flex;align-items:center;height:40px;min-height:40px;padding:0 8px;background:var(--editor-gradient-header),var(--editor-bg-tertiary);border-bottom:1px solid var(--editor-border-color);-webkit-user-select:none;user-select:none;position:relative;gap:4px}.toolbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 20%,rgba(255,255,255,.02) 80%,transparent 100%);pointer-events:none}.toolbar__logo{display:flex;align-items:center;justify-content:center;padding:0 12px 0 4px;margin-right:4px;position:relative}.toolbar__logo:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:linear-gradient(180deg,transparent 0%,var(--editor-border-color) 30%,var(--editor-border-color) 70%,transparent 100%)}.toolbar__logo img,.toolbar__logo svg{height:24px;width:auto;transition:opacity var(--editor-transition-fast)}.toolbar__logo:hover img,.toolbar__logo:hover svg{opacity:.85}.toolbar__menu-bar{display:flex;align-items:center;gap:1px;padding:0 4px}.toolbar-menu-button{display:flex;align-items:center;justify-content:center;height:28px;padding:0 12px;background:transparent;border:1px solid transparent;border-radius:var(--editor-radius-sm);color:var(--editor-text-secondary);font-size:13px;font-weight:500;font-family:inherit;letter-spacing:.2px;cursor:pointer;position:relative;overflow:hidden;transition:color var(--editor-transition-fast),background-color var(--editor-transition-fast),border-color var(--editor-transition-fast),transform var(--editor-transition-fast)}.toolbar-menu-button:before{content:"";position:absolute;inset:0;background:var(--editor-gradient-hover);opacity:0;transition:opacity var(--editor-transition-fast);pointer-events:none}.toolbar-menu-button:hover{background-color:var(--editor-bg-hover);border-color:var(--editor-border-subtle);color:var(--editor-text-primary)}.toolbar-menu-button:hover:before{opacity:1}.toolbar-menu-button:active{background-color:var(--editor-bg-active);transform:translateY(.5px)}.toolbar-menu-button:focus-visible{outline:none;box-shadow:var(--editor-focus-ring);color:var(--editor-text-primary)}.toolbar-menu-button--active{background-color:var(--editor-bg-active);border-color:var(--editor-border-color);color:var(--editor-text-primary)}.toolbar-menu-button--active:before{opacity:1}.toolbar-menu-button--active:hover{background-color:var(--editor-bg-active)}.toolbar-menu-button--active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,var(--editor-accent-primary) 20%,var(--editor-accent-primary) 80%,transparent);border-radius:1px}.toolbar-menu-button--has-dropdown{padding-right:8px;gap:4px}.toolbar-menu-button__dropdown-icon{width:8px;height:8px;color:var(--editor-text-tertiary);transition:transform var(--editor-transition-fast),color var(--editor-transition-fast)}.toolbar-menu-button:hover .toolbar-menu-button__dropdown-icon,.toolbar-menu-button--active .toolbar-menu-button__dropdown-icon{color:var(--editor-text-secondary)}.toolbar-menu-button--active .toolbar-menu-button__dropdown-icon{transform:rotate(180deg)}.toolbar__menu-separator{width:1px;height:16px;background:linear-gradient(180deg,transparent 0%,var(--editor-border-color) 20%,var(--editor-border-color) 80%,transparent 100%);margin:0 6px}.toolbar__spacer{flex:1}.toolbar__project-info{display:flex;align-items:center;gap:8px;padding:0 16px;position:relative}.toolbar__project-info:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:linear-gradient(180deg,transparent 0%,var(--editor-border-color) 30%,var(--editor-border-color) 70%,transparent 100%)}.toolbar__project-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--editor-text-tertiary);flex-shrink:0}.toolbar__project-name{font-size:12px;font-weight:500;color:var(--editor-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--editor-transition-fast);letter-spacing:.1px}.toolbar__project-info:hover .toolbar__project-name{color:var(--editor-text-primary)}.toolbar__project-name-container{display:flex;align-items:center;gap:6px;padding:4px 10px;background-color:var(--editor-bg-input);border:1px solid var(--editor-border-subtle);border-radius:var(--editor-radius-sm);transition:border-color var(--editor-transition-fast),background-color var(--editor-transition-fast)}.toolbar__project-name-container:hover{border-color:var(--editor-border-color);background-color:var(--editor-bg-secondary)}.toolbar__dirty-indicator{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--editor-accent-warning);font-weight:700;text-shadow:0 0 8px var(--editor-accent-warning-muted);animation:toolbar-dirty-pulse 2s ease-in-out infinite}@keyframes toolbar-dirty-pulse{0%,to{opacity:1}50%{opacity:.6}}.toolbar__dirty-dot{width:8px;height:8px;background-color:var(--editor-accent-warning);border-radius:50%;box-shadow:0 0 6px var(--editor-accent-warning);animation:toolbar-dirty-glow 2s ease-in-out infinite}@keyframes toolbar-dirty-glow{0%,to{box-shadow:0 0 6px var(--editor-accent-warning)}50%{box-shadow:0 0 12px var(--editor-accent-warning)}}.toolbar__saved-indicator{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--editor-accent-success);opacity:0;transition:opacity var(--editor-transition-slow)}.toolbar__saved-indicator--visible{opacity:1}.toolbar__actions{display:flex;align-items:center;gap:2px;padding-left:12px;margin-left:8px;position:relative}.toolbar__actions:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:linear-gradient(180deg,transparent 0%,var(--editor-border-color) 30%,var(--editor-border-color) 70%,transparent 100%)}.toolbar__action-button{display:flex;align-items:center;justify-content:center;width:30px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--editor-radius-sm);color:var(--editor-text-secondary);cursor:pointer;position:relative;overflow:hidden;transition:background-color var(--editor-transition-fast),border-color var(--editor-transition-fast),color var(--editor-transition-fast),transform var(--editor-transition-fast)}.toolbar__action-button:before{content:"";position:absolute;inset:0;background:var(--editor-gradient-hover);opacity:0;transition:opacity var(--editor-transition-fast);pointer-events:none}.toolbar__action-button:hover{background-color:var(--editor-bg-hover);border-color:var(--editor-border-subtle);color:var(--editor-text-primary)}.toolbar__action-button:hover:before{opacity:1}.toolbar__action-button:active{background-color:var(--editor-bg-active);transform:scale(.96)}.toolbar__action-button:focus-visible{outline:none;box-shadow:var(--editor-focus-ring)}.toolbar__action-button:disabled{color:var(--editor-text-disabled);cursor:not-allowed;opacity:.5}.toolbar__action-button:disabled:hover{background-color:transparent;border-color:transparent}.toolbar__action-button:disabled:hover:before{opacity:0}.toolbar__action-button--primary{color:var(--editor-accent-primary)}.toolbar__action-button--primary:hover{background-color:var(--editor-accent-primary-muted);border-color:transparent;color:var(--editor-accent-primary-hover)}.toolbar__action-button--success{color:var(--editor-accent-success)}.toolbar__action-button--success:hover{background-color:var(--editor-accent-success-muted);border-color:transparent;color:var(--editor-accent-success)}.toolbar__action-button--warning{color:var(--editor-accent-warning)}.toolbar__action-button--warning:hover{background-color:var(--editor-accent-warning-muted);border-color:transparent;color:var(--editor-accent-warning)}.toolbar__action-button svg{width:16px;height:16px}.toolbar__button-group{display:flex;align-items:center;background-color:var(--editor-bg-input);border:1px solid var(--editor-border-subtle);border-radius:var(--editor-radius-sm);overflow:hidden}.toolbar__button-group .toolbar__action-button{border-radius:0;border:none}.toolbar__button-group .toolbar__action-button:first-child{border-radius:var(--editor-radius-sm) 0 0 var(--editor-radius-sm)}.toolbar__button-group .toolbar__action-button:last-child{border-radius:0 var(--editor-radius-sm) var(--editor-radius-sm) 0}.toolbar__button-group .toolbar__action-button:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background-color:var(--editor-border-subtle)}.toolbar__divider{width:1px;height:20px;background:linear-gradient(180deg,transparent 0%,var(--editor-border-color) 30%,var(--editor-border-color) 70%,transparent 100%);margin:0 8px}.toolbar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:10px;font-weight:600;color:var(--editor-text-primary);background-color:var(--editor-accent-primary-muted);border-radius:var(--editor-radius-sm)}.toolbar__badge--warning{background-color:var(--editor-accent-warning-muted);color:var(--editor-accent-warning)}.toolbar__badge--error{background-color:var(--editor-accent-error-muted);color:var(--editor-accent-error)}.toolbar__badge--success{background-color:var(--editor-accent-success-muted);color:var(--editor-accent-success)}@media (max-width: 1200px){.toolbar{height:36px;min-height:36px;padding:0 6px}.toolbar-menu-button{height:26px;padding:0 10px;font-size:12px}.toolbar__project-name{max-width:150px;font-size:11px}.toolbar__action-button{width:28px;height:26px}.toolbar__action-button svg{width:14px;height:14px}}@media (max-width: 900px){.toolbar__project-info{display:none}.toolbar-menu-button{padding:0 8px}.toolbar__menu-bar{gap:0}}@media (max-width: 600px){.toolbar__logo{padding:0 8px 0 4px}.toolbar-menu-button{padding:0 6px;font-size:11px}.toolbar__actions{padding-left:8px}}.toolbar-menu-button[data-keyboard-focused=true]{background-color:var(--editor-bg-hover);border-color:var(--editor-border-color)}@media (prefers-contrast: high){.toolbar{border-bottom-width:2px;border-bottom-color:var(--editor-border-strong)}.toolbar-menu-button{border-width:1px}.toolbar-menu-button:hover,.toolbar-menu-button--active{border-color:currentColor}.toolbar__action-button:focus-visible,.toolbar-menu-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.toolbar__dirty-indicator{text-decoration:underline}}@media (prefers-reduced-motion: reduce){.toolbar-menu-button,.toolbar__action-button,.toolbar__project-name,.toolbar__dirty-indicator,.toolbar__dirty-dot,.toolbar__saved-indicator{transition:none;animation:none}.toolbar-menu-button:before,.toolbar__action-button:before{transition:none}}.toolbar--dark{background:var(--editor-gradient-header),var(--editor-bg-tertiary)}@media print{.toolbar{display:none}}.media-browser{display:flex;flex-direction:column;height:100%;background-color:var(--editor-bg-secondary);overflow:hidden}.media-browser__tabs{flex-shrink:0;min-height:36px;background:var(--editor-gradient-header),var(--editor-bg-tertiary);border-bottom:1px solid var(--editor-border-subtle);position:relative}.media-browser__tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 20%,rgba(255,255,255,.02) 80%,transparent 100%);pointer-events:none}.media-browser__tab{min-height:36px;min-width:72px;padding:6px 12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--editor-text-secondary);transition:all var(--editor-transition-fast);position:relative;border:none;background:transparent}.media-browser__tab:hover{color:var(--editor-text-primary);background:var(--editor-gradient-hover)}.media-browser__tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--editor-accent-primary-muted)}.media-browser__tab--selected{color:var(--editor-accent-primary)}.media-browser__tab-indicator{height:2px;background:linear-gradient(90deg,var(--editor-accent-primary) 0%,var(--editor-accent-primary-hover) 100%);box-shadow:0 0 8px var(--editor-accent-primary)}.media-browser__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:var(--editor-radius-sm);background-color:var(--editor-bg-active);color:var(--editor-text-secondary);font-size:10px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;transition:all var(--editor-transition-fast)}.media-browser__tab--selected .media-browser__tab-count{background-color:var(--editor-accent-primary-muted);color:var(--editor-accent-primary)}.media-browser__content{flex:1;overflow:hidden;display:flex;flex-direction:column;background-color:var(--editor-bg-secondary)}.media-browser__tab-panel{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--editor-panel-padding-lg)}.media-browser__tab-panel::-webkit-scrollbar{width:8px}.media-browser__tab-panel::-webkit-scrollbar-track{background:var(--editor-bg-primary);border-radius:var(--editor-radius-sm)}.media-browser__tab-panel::-webkit-scrollbar-thumb{background-color:var(--editor-bg-hover);border-radius:var(--editor-radius-sm);border:2px solid var(--editor-bg-primary);transition:background-color var(--editor-transition-fast)}.media-browser__tab-panel::-webkit-scrollbar-thumb:hover{background-color:var(--editor-bg-active)}.media-browser__tab-panel::-webkit-scrollbar-thumb:active{background-color:var(--editor-accent-primary-muted)}.media-browser__tab-panel{scrollbar-width:thin;scrollbar-color:var(--editor-bg-hover) var(--editor-bg-primary)}.media-browser__section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;margin-bottom:8px;border-bottom:1px solid var(--editor-border-subtle)}.media-browser__section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--editor-text-tertiary)}.media-browser__section-actions{display:flex;align-items:center;gap:4px}.media-browser__section-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--editor-radius-xs);color:var(--editor-text-tertiary);cursor:pointer;transition:all var(--editor-transition-fast)}.media-browser__section-btn:hover{background-color:var(--editor-bg-hover);color:var(--editor-text-primary)}.media-browser__section-btn:active{background-color:var(--editor-bg-active)}.media-browser__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;padding:2px}.media-browser__grid--large{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.media-browser__grid--compact{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.media-browser__list{display:flex;flex-direction:column;gap:6px}.media-browser__list .media-browser__thumbnail{width:100%;height:52px;aspect-ratio:unset;flex-direction:row;padding:0}.media-browser__list .media-browser__thumbnail-waveform{flex:1;height:100%;padding:8px 12px;border-radius:var(--editor-radius-sm) 0 0 var(--editor-radius-sm)}.media-browser__list .media-browser__thumbnail-label{position:relative;flex-shrink:0;min-width:80px;padding:8px 12px;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:2px}.media-browser__thumbnail{position:relative;aspect-ratio:16 / 9;border-radius:var(--editor-radius-md);overflow:hidden;cursor:pointer;background-color:var(--editor-bg-tertiary);border:1px solid var(--editor-border-subtle);transition:border-color var(--editor-transition-fast),transform var(--editor-transition-fast),box-shadow var(--editor-transition-fast)}.media-browser__thumbnail:before{content:"";position:absolute;inset:0;background:var(--editor-gradient-hover);opacity:0;transition:opacity var(--editor-transition-fast);pointer-events:none;z-index:1}.media-browser__thumbnail:hover{border-color:var(--editor-border-strong);transform:translateY(-2px);box-shadow:var(--editor-shadow-md)}.media-browser__thumbnail:hover:before{opacity:1}.media-browser__thumbnail:focus-visible{outline:none;border-color:var(--editor-accent-primary);box-shadow:var(--editor-focus-ring)}.media-browser__thumbnail--selected{border-color:var(--editor-accent-primary);box-shadow:0 0 0 1px var(--editor-accent-primary),var(--editor-shadow-glow-primary)}.media-browser__thumbnail--selected:after{content:"";position:absolute;top:6px;right:6px;width:18px;height:18px;background-color:var(--editor-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:var(--editor-shadow-sm)}.media-browser__thumbnail--selected:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 10px}.media-browser__thumbnail--multi-selected{border-color:var(--editor-accent-tertiary);box-shadow:0 0 0 1px var(--editor-accent-tertiary),0 0 12px #9c5cff4d}.media-browser__thumbnail-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--editor-transition-normal)}.media-browser__thumbnail:hover .media-browser__thumbnail-image{transform:scale(1.02)}.media-browser__thumbnail-waveform{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;background:linear-gradient(135deg,var(--editor-bg-tertiary) 0%,var(--editor-bg-secondary) 100%);position:relative;overflow:hidden}.media-browser__thumbnail-waveform:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);pointer-events:none}.media-browser__waveform-svg{width:100%;height:100%;color:var(--editor-track-audio);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.media-browser__thumbnail--music .media-browser__waveform-svg{color:var(--editor-track-music)}.media-browser__thumbnail--voice .media-browser__waveform-svg{color:var(--editor-track-voice)}.media-browser__thumbnail-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000c,#0009);border-radius:50%;color:#fff;opacity:0;transition:opacity var(--editor-transition-fast),transform var(--editor-transition-fast);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.media-browser__thumbnail:hover .media-browser__thumbnail-play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}.media-browser__thumbnail-play-overlay:hover{background:linear-gradient(135deg,var(--editor-accent-primary) 0%,var(--editor-accent-primary-hover) 100%);box-shadow:var(--editor-shadow-glow-primary)}.media-browser__thumbnail-duration-badge{position:absolute;bottom:6px;right:6px;padding:2px 5px;background-color:#000000bf;border-radius:var(--editor-radius-xs);font-size:9px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:var(--editor-text-primary);z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.media-browser__thumbnail-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);z-index:2}.media-browser__thumbnail-text{font-size:10px;font-weight:500;color:var(--editor-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.media-browser__thumbnail-duration{font-size:9px;color:var(--editor-text-secondary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;margin-left:6px;flex-shrink:0}.media-browser__thumbnail-meta{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--editor-text-tertiary)}.media-browser__type-icon{position:absolute;top:6px;left:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:#0009;border-radius:var(--editor-radius-xs);color:var(--editor-text-primary);font-size:10px;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.media-browser__type-icon--image{color:var(--editor-track-video)}.media-browser__type-icon--video{color:var(--editor-accent-secondary)}.media-browser__type-icon--audio{color:var(--editor-track-audio)}.media-browser__type-icon--music{color:var(--editor-track-music)}.media-browser__loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px}.media-browser__loading-spinner{width:32px;height:32px;border:2px solid var(--editor-border-color);border-top-color:var(--editor-accent-primary);border-radius:50%;animation:media-browser-spin .8s linear infinite}@keyframes media-browser-spin{to{transform:rotate(360deg)}}.media-browser__loading-text{font-size:11px;color:var(--editor-text-secondary);text-transform:uppercase;letter-spacing:.5px}.media-browser__thumbnail--skeleton{background:linear-gradient(90deg,var(--editor-bg-tertiary) 0%,var(--editor-bg-elevated) 50%,var(--editor-bg-tertiary) 100%);background-size:200% 100%;animation:media-browser-skeleton 1.5s ease-in-out infinite}@keyframes media-browser-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.media-browser__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;min-height:200px;text-align:center}.media-browser__empty-icon{width:48px;height:48px;margin-bottom:16px;color:var(--editor-text-disabled);opacity:.6}.media-browser__empty-title{font-size:13px;font-weight:600;color:var(--editor-text-secondary);margin-bottom:6px}.media-browser__empty-description{font-size:11px;color:var(--editor-text-tertiary);max-width:200px;line-height:1.5}.media-browser__empty-action{margin-top:16px;padding:8px 16px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--editor-accent-primary);background:var(--editor-accent-primary-muted);border:1px solid transparent;border-radius:var(--editor-radius-sm);cursor:pointer;transition:all var(--editor-transition-fast)}.media-browser__empty-action:hover{background:#00a8ff40;border-color:var(--editor-accent-primary)}.media-browser__empty-action:focus-visible{outline:none;box-shadow:var(--editor-focus-ring)}.media-browser__search{display:flex;align-items:center;gap:8px;padding:8px var(--editor-panel-padding-lg);background-color:var(--editor-bg-secondary);border-bottom:1px solid var(--editor-border-subtle)}.media-browser__search-input{flex:1;height:28px;padding:0 10px 0 30px;font-size:11px;color:var(--editor-text-primary);background-color:var(--editor-bg-input);border:1px solid var(--editor-border-subtle);border-radius:var(--editor-radius-sm);transition:all var(--editor-transition-fast)}.media-browser__search-input:hover{border-color:var(--editor-border-color)}.media-browser__search-input:focus{outline:none;border-color:var(--editor-accent-primary);box-shadow:0 0 0 2px var(--editor-accent-primary-muted)}.media-browser__search-input::placeholder{color:var(--editor-text-placeholder)}.media-browser__search-icon{position:absolute;left:10px;width:14px;height:14px;color:var(--editor-text-tertiary);pointer-events:none}.media-browser__filter-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--editor-bg-elevated);border:1px solid var(--editor-border-subtle);border-radius:var(--editor-radius-sm);color:var(--editor-text-secondary);cursor:pointer;transition:all var(--editor-transition-fast)}.media-browser__filter-btn:hover{background:var(--editor-bg-hover);border-color:var(--editor-border-color);color:var(--editor-text-primary)}.media-browser__filter-btn--active{background:var(--editor-accent-primary-muted);border-color:var(--editor-accent-primary);color:var(--editor-accent-primary)}.media-browser__view-toggle{display:flex;align-items:center;background:var(--editor-bg-primary);border:1px solid var(--editor-border-subtle);border-radius:var(--editor-radius-sm);overflow:hidden}.media-browser__view-btn{display:flex;align-items:center;justify-content:center;width:26px;height:24px;padding:0;background:transparent;border:none;color:var(--editor-text-tertiary);cursor:pointer;transition:all var(--editor-transition-fast)}.media-browser__view-btn:hover{background:var(--editor-bg-hover);color:var(--editor-text-primary)}.media-browser__view-btn--active{background:var(--editor-bg-active);color:var(--editor-accent-primary)}.media-browser__view-btn+.media-browser__view-btn{border-left:1px solid var(--editor-border-subtle)}.media-browser__thumbnail[draggable=true]{cursor:grab}.media-browser__thumbnail[draggable=true]:active{cursor:grabbing}.media-browser__thumbnail--dragging{opacity:.5;transform:scale(.95)}.media-browser__drop-zone{position:relative}.media-browser__drop-zone--active{background-color:var(--editor-accent-primary-muted);border:2px dashed var(--editor-accent-primary);border-radius:var(--editor-radius-md)}.media-browser__drop-zone--active:after{content:"Drop to add";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:500;color:var(--editor-accent-primary);text-transform:uppercase;letter-spacing:.5px}.media-browser__context-menu{position:fixed;min-width:160px;padding:4px 0;background:var(--editor-bg-elevated);border:1px solid var(--editor-border-color);border-radius:var(--editor-radius-md);box-shadow:var(--editor-shadow-lg);z-index:var(--editor-z-dropdown);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-browser__context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:11px;color:var(--editor-text-primary);background:transparent;border:none;cursor:pointer;transition:background-color var(--editor-transition-fast);text-align:left}.media-browser__context-menu-item:hover{background-color:var(--editor-bg-hover)}.media-browser__context-menu-item--destructive{color:var(--editor-accent-error)}.media-browser__context-menu-item--destructive:hover{background-color:var(--editor-accent-error-muted)}.media-browser__context-menu-divider{height:1px;margin:4px 8px;background-color:var(--editor-border-subtle)}@media (max-width: 1200px){.media-browser__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.media-browser__tab-panel{padding:var(--editor-panel-padding)}.media-browser__thumbnail-text{font-size:9px}.media-browser__thumbnail-duration{font-size:8px}.media-browser__tab{min-width:60px;padding:6px 10px;font-size:10px}}@media (max-width: 900px){.media-browser__grid{grid-template-columns:repeat(2,1fr);gap:6px}.media-browser__thumbnail-label{padding:4px 6px}.media-browser__tab{min-width:50px;padding:4px 8px}.media-browser__tab-count{display:none}}@media (max-width: 600px){.media-browser__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.media-browser__thumbnail-play-overlay{width:28px;height:28px}}@media (prefers-contrast: high){.media-browser__thumbnail{border-width:2px}.media-browser__thumbnail--selected{border-width:3px;box-shadow:none}.media-browser__thumbnail:hover{border-color:var(--editor-text-primary)}.media-browser__tab--selected{text-decoration:underline}.media-browser__tab-indicator{height:3px}}@media (prefers-reduced-motion: reduce){.media-browser__thumbnail,.media-browser__thumbnail-image,.media-browser__thumbnail-play-overlay,.media-browser__loading-spinner{transition:none;animation:none}.media-browser__thumbnail:hover,.media-browser__thumbnail:hover .media-browser__thumbnail-image{transform:none}.media-browser__thumbnail--skeleton{animation:none;background:var(--editor-bg-tertiary)}}@media print{.media-browser{display:none}}