:root{--color-black:#000;--color-white:#fff;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-850:#1f1f23;--gray-900:#18181b;--gray-950:#09090b;--bg:#0a0a0a;--bg-secondary:#121214;--bg-tertiary:#1a1a1e;--panel:rgba(18,18,20,.8);--panel-solid:#121214;--panel-elevated:rgba(26,26,30,.95);--panel-hover:rgba(39,39,42,.6);--panel-muted:rgba(15,15,17,.9);--text:#fafafa;--text-secondary:#e4e4e7;--text-tertiary:hsla(0,0%,100%,.7);--text-muted:#71717a;--text-subtle:#52525b;--accent:#a78bfa;--accent-strong:#c4b5fd;--accent-light:rgba(167,139,250,.15);--accent-hover:#b99dff;--accent-muted:rgba(167,139,250,.1);--accent-shadow:rgba(167,139,250,.25);--accent-gradient:linear-gradient(135deg,#a78bfa,#818cf8);--status-good:#34d399;--status-good-bg:rgba(52,211,153,.1);--status-warn:#fbbf24;--status-warn-bg:rgba(251,191,36,.1);--status-critical:#f87171;--status-critical-bg:hsla(0,91%,71%,.1);--status-info:#60a5fa;--status-info-bg:rgba(96,165,250,.1);--green:var(--status-good);--orange:var(--status-warn);--red:var(--status-critical);--blue:var(--status-info);--primary:var(--accent);--success:var(--status-good);--warning:var(--status-warn);--error:var(--status-critical);--border:hsla(0,0%,100%,.08);--border-light:hsla(0,0%,100%,.12);--border-heavy:hsla(0,0%,100%,.16);--border-solid:#27272a;--separator:hsla(0,0%,100%,.06);--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 8px 24px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3);--shadow-xl:0 16px 48px rgba(0,0,0,.6),0 8px 16px rgba(0,0,0,.4);--shadow-soft:0 8px 32px rgba(0,0,0,.4);--shadow-hard:0 20px 50px rgba(0,0,0,.6);--shadow-glow:0 0 40px var(--accent-shadow);--glow-accent:0 0 20px var(--accent-shadow),0 0 40px rgba(167,139,250,.1);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-4xl:32px;--radius-full:9999px;--space-unit:4px;--space-0:0;--space-1:calc(var(--space-unit) * 1);--space-2:calc(var(--space-unit) * 2);--space-3:calc(var(--space-unit) * 3);--space-4:calc(var(--space-unit) * 4);--space-5:calc(var(--space-unit) * 5);--space-6:calc(var(--space-unit) * 6);--space-8:calc(var(--space-unit) * 8);--space-10:calc(var(--space-unit) * 10);--space-12:calc(var(--space-unit) * 12);--space-14:calc(var(--space-unit) * 14);--space-16:calc(var(--space-unit) * 16);--space-20:calc(var(--space-unit) * 20);--space-24:calc(var(--space-unit) * 24);--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",system-ui,sans-serif;--font-mono:"SF Mono",ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Monaco,Consolas,monospace;--font-xs:0.75rem;--font-sm:0.8125rem;--font-base:0.9375rem;--font-lg:1.0625rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--font-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--motion-duration-instant:50ms;--motion-duration-fast:150ms;--motion-duration:200ms;--motion-duration-slow:300ms;--motion-duration-slower:400ms;--motion-ease:cubic-bezier(0.4,0.0,0.2,1);--motion-ease-in:cubic-bezier(0.4,0,1,1);--motion-ease-out:cubic-bezier(0,0,0.2,1);--motion-glide:cubic-bezier(0.16,1,0.3,1);--motion-bounce:cubic-bezier(0.34,1.56,0.64,1);--motion-spring:cubic-bezier(0.175,0.885,0.32,1.275);--grid-gap:var(--space-6);--layout-max-width:1440px;--sidebar-width:280px;--header-height:64px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;color:var(--text);font-family:var(--font-family);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"ss01" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal);letter-spacing:-.011em;font-size:var(--font-base)}body,html{background:var(--bg)}body{min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}a{color:var(--accent);text-decoration:none;letter-spacing:.02em;transition:color var(--motion-duration-fast) var(--motion-ease)}a:hover{color:var(--accent-strong)}.container{display:grid;grid-template-columns:minmax(0,1fr) 520px;grid-gap:var(--grid-gap);gap:var(--grid-gap);min-height:100vh;padding:var(--space-8);max-width:var(--layout-max-width);margin:0 auto;position:relative}@media (max-width:1400px){.container{grid-template-columns:minmax(0,1fr) 420px}}@media (max-width:1200px){.container{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:var(--space-6)}}.fade-in{opacity:0;animation:fadeIn var(--motion-duration) var(--motion-ease) forwards}.slide-up{opacity:0;transform:translateY(18px);animation:slideUp var(--motion-duration) var(--motion-glide) forwards}.scale-hover{transition:transform var(--motion-duration-fast) var(--motion-ease),opacity var(--motion-duration-fast) var(--motion-ease)}.scale-hover:hover{transform:scale(1.02);opacity:.95}.parallax-layer{will-change:transform;transition:transform var(--motion-duration-slow) var(--motion-glide)}.logo-spinner{animation:logoSpin 2.8s linear infinite}@keyframes logoSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.panel{background:var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--motion-duration) var(--motion-ease);position:relative;overflow-y:auto;max-height:100vh}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-full)}.panel::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}.panel::-webkit-scrollbar-thumb:hover{background:var(--border-heavy)}.panel:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg)}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--separator)}.header h2,.header h3{margin:0;font-weight:var(--font-semibold);font-size:var(--font-xl);color:var(--text);letter-spacing:-.02em}.header h3{font-size:var(--font-lg)}.badge{background:var(--panel-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.02em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.badge-accent{background:var(--accent-light);border-color:rgba(167,139,250,.3);color:var(--accent)}.badge-success{background:var(--status-good-bg);border-color:rgba(52,211,153,.3);color:var(--status-good)}.badge-warning{background:var(--status-warn-bg);border-color:rgba(251,191,36,.3);color:var(--status-warn)}.badge-error{background:var(--status-critical-bg);border-color:hsla(0,91%,71%,.3);color:var(--status-critical)}.dnd{border:2px dashed var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-12);text-align:center;transition:all var(--motion-duration) var(--motion-ease);cursor:pointer;background:var(--panel-muted);position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.dnd.drag,.dnd:hover{border-color:var(--accent);background:var(--accent-light);box-shadow:var(--shadow-glow)}.dnd.drag{border-style:solid;transform:scale(1.01)}.dnd:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.dnd-icon{width:56px;height:56px;background:var(--accent-light);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent);margin-bottom:var(--space-2);transition:all var(--motion-duration) var(--motion-ease)}.dnd:hover .dnd-icon{background:var(--accent-muted);transform:scale(1.05)}.dnd-title{font-weight:var(--font-semibold);font-size:var(--font-lg);color:var(--text);margin-bottom:var(--space-1)}.dnd-subtitle{font-size:var(--font-sm);color:var(--text-muted);font-weight:var(--font-normal);max-width:280px}.fileInfo{display:flex;margin-top:var(--space-3);color:var(--text-muted);background:var(--panel-elevated);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border)}.btn,.fileInfo{align-items:center;gap:var(--space-2);font-size:var(--font-sm)}.btn{display:inline-flex;justify-content:center;width:100%;margin-top:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--text);color:var(--bg);border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease);position:relative;overflow:hidden}.btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn.inline,.btn.small{width:auto;margin-top:0;padding:var(--space-2) var(--space-4);font-size:var(--font-xs);border-radius:var(--radius-md)}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border-light)}.btn.secondary:hover{background:var(--panel-hover);border-color:var(--border-heavy)}.btn.ghost{background:transparent;color:var(--text-secondary);border:none}.btn.ghost:hover{background:var(--panel-hover);color:var(--text)}.btn.accent{background:var(--accent);color:var(--color-black)}.btn.accent:hover{background:var(--accent-hover)}.btn.danger{background:var(--status-critical);color:var(--color-white)}.btn.danger:hover{opacity:.9}.btn.icon-only{width:auto;padding:var(--space-2);margin-top:0}.small{font-size:var(--font-sm);color:var(--text-muted);font-weight:500;margin-bottom:var(--space-2);display:block}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-5)}@media (min-width:1400px){.options{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.row{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between}.checkbox,.input,.select{width:100%;background:var(--bg-secondary);color:var(--text);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-sm);font-family:inherit;transition:all var(--motion-duration-fast) var(--motion-ease)}.input::placeholder,.select option{color:var(--text-muted)}.input:focus,.select:focus{outline:none;border-color:var(--accent);background:var(--bg-tertiary);box-shadow:0 0 0 3px var(--accent-muted)}.input:hover,.select:hover{border-color:var(--border-light);background:var(--bg-tertiary)}textarea.input{resize:vertical;min-height:100px;font-family:inherit;line-height:var(--leading-relaxed);border-radius:var(--radius-xl)}.checkbox{width:auto;margin-right:var(--space-2)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-elevated);cursor:pointer;position:relative;transition:all .3s ease}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.output{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-gap:var(--space-4);gap:var(--space-4);min-width:0}.outputArea{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-2xl);height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;position:relative;overflow:auto;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.outputArea:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--accent-light),transparent 70%);opacity:.3}.outputArea>*{position:relative;z-index:1}.outputArea img,.outputArea video{max-width:100%;max-height:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.outputArea audio{width:100%;max-width:400px}.kv{display:grid;grid-template-columns:140px 1fr;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--font-sm);align-items:center}.kv>div:first-child{color:var(--text-muted);font-weight:500}.log{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);height:140px;overflow:auto;font-family:SF Mono,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.log::-webkit-scrollbar{width:6px}.log::-webkit-scrollbar-track{background:var(--bg-secondary)}.log::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.log::-webkit-scrollbar-thumb:hover{background:var(--border-light)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;transition:background .3s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:var(--shadow-sm)}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.1);box-shadow:var(--shadow-md)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:var(--shadow-sm);-moz-transition:all .3s ease;transition:all .3s ease}input[type=range]::-moz-range-thumb:hover{background:var(--accent-hover);transform:scale(1.1)}.dashboard{min-height:100vh;background:var(--bg);padding:0;position:relative}.dashboard:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.03),transparent 45%);pointer-events:none}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg);color:var(--text)}.loading-spinner{width:40px;height:40px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.animate-spin{animation:spin 1s linear infinite}.dashboard-header{background:rgba(18,18,20,.9);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dashboard-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.dashboard-branding{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.dashboard-logo-mark{width:42px;height:42px;border:1px solid var(--accent);display:grid;place-items:center;letter-spacing:.2em;font-weight:700;color:var(--accent)}.dashboard-brand-label{font-size:var(--font-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted)}.dashboard-title{margin:0;font-size:var(--font-2xl);font-weight:var(--font-semibold);color:var(--text);letter-spacing:-.02em;display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-subtitle{font-size:var(--font-sm);font-weight:var(--font-normal);color:var(--text-muted)}.dashboard-header-actions{display:flex;align-items:center;gap:var(--space-4)}.header-action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease);letter-spacing:.02em}.header-action-btn:hover{background:var(--panel-hover);border-color:var(--border-light);color:var(--text)}.user-avatar{width:40px;height:40px;background:var(--accent-muted);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--accent);font-size:var(--font-base);border:1px solid var(--accent)}.dashboard-main{max-width:1400px;margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}.dashboard-auth-gate{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4)}.dashboard-auth-card{max-width:520px;width:100%;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--panel);padding:var(--space-8);text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-auth-icon{width:56px;height:56px;border-radius:var(--radius-full);border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;margin:0 auto}.dashboard-auth-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:var(--font-xs);color:var(--text-muted);margin:0}.dashboard-auth-card h1{margin:0;font-size:var(--font-3xl)}.dashboard-auth-subtitle{margin:0;color:var(--text-muted)}.dashboard-auth-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.dashboard-auth-footnote{margin:0;color:var(--text-muted);font-size:var(--font-sm)}.dashboard-section{display:flex;flex-direction:column;gap:var(--space-6);position:relative}.dashboard-section.dashboard-panel,.panel-surface{border:1px solid var(--border);border-radius:var(--radius-3xl);background:var(--panel);padding:var(--space-6);box-shadow:var(--shadow-md)}.dashboard-spotlight{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-gap:var(--space-8);gap:var(--space-8);align-items:stretch}.dashboard-hero-grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.dashboard-welcome-card{border:none;border-radius:28px;padding:var(--space-8);background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,5%,.85));min-height:240px;position:relative;overflow:hidden}.dashboard-welcome-card:after{content:"";position:absolute;inset:8px;border:1px solid hsla(0,0%,100%,.06);border-radius:24px;pointer-events:none}.dashboard-highlight-grid{grid-gap:var(--space-4);gap:var(--space-4);border:1px solid hsla(0,0%,100%,.08);border-radius:28px;padding:var(--space-6);background:hsla(0,0%,5%,.8)}.dashboard-highlight{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-highlight-label{font-size:var(--font-sm);color:var(--text-muted)}.dashboard-highlight-value{font-weight:600}.dashboard-highlight-helper{font-size:var(--font-sm)}@media (max-width:1100px){.dashboard-spotlight{grid-template-columns:1fr}}.dashboard-section-half{flex:1 1}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8)}@media (max-width:1200px){.dashboard-row{grid-template-columns:1fr}}@media (max-width:1100px){.workspace-shell{grid-template-columns:1fr;padding:var(--space-5) var(--space-4)}.sidebar{position:static;max-height:none}}.section-header{flex-direction:column;gap:var(--space-2)}.section-title{display:flex;align-items:center;gap:var(--space-3);margin:0;font-size:var(--font-2xl);font-weight:600;color:var(--text);letter-spacing:-.01em}.section-description{margin:0;font-size:var(--font-base);color:var(--text-muted);font-weight:400}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-5);position:relative;overflow:hidden;transition:all var(--motion-duration-fast) var(--motion-ease)}.metric-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.metric-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-lg)}.metric-change{padding:var(--space-1) var(--space-2);font-size:var(--font-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full)}.metric-change.up{background:hsla(0,0%,100%,.2);color:var(--green)}.metric-change.down{background:hsla(0,0%,100%,.2);color:var(--red)}.metric-change.stable{background:hsla(0,0%,100%,.2);color:var(--text-muted)}.metric-value{font-size:var(--font-3xl);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--space-1);line-height:1}.metric-title{font-size:var(--font-base);color:var(--text-muted);font-weight:500}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.quick-action{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);color:var(--text);text-decoration:none;position:relative;overflow:hidden;transition:all var(--motion-duration-fast) var(--motion-ease);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--panel)}.quick-action:hover{transform:translateY(-2px);border-color:var(--border-light);color:var(--text);box-shadow:var(--shadow-md)}.quick-action-icon{width:48px;height:48px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-lg)}.quick-action-content{flex:1 1}.quick-action-title{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-1)}.quick-action-subtitle{font-size:var(--font-sm);opacity:.9}.quick-action-shortcut{padding:var(--space-1) var(--space-2);background:var(--panel-hover);font-size:var(--font-xs);font-weight:var(--font-medium);border-radius:var(--radius-md)}.quick-action-arrow{opacity:.7;transition:transform .3s ease}.quick-action:hover .quick-action-arrow{transform:translateX(4px)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.feature-card{display:block;position:relative;overflow:hidden;text-decoration:none;color:var(--text);transition:all var(--motion-duration-fast) var(--motion-ease);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--panel)}.feature-card:hover{transform:translateY(-2px);border-color:var(--border-light);box-shadow:var(--shadow-md)}.feature-card-content{position:relative;padding:var(--space-6);height:100%;display:flex;flex-direction:column}.feature-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.feature-card-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.feature-card-badges{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end}.badge-new,.badge-popular{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-semibold);background:var(--panel-hover);border:1px solid var(--border)}.badge-popular{color:var(--accent)}.badge-new{color:var(--text-secondary)}.feature-card-info{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2)}.feature-card-title{font-size:var(--font-xl);font-weight:600;margin:0}.feature-card-description{font-size:var(--font-base);opacity:.9;margin:0;flex:1 1}.feature-card-category{font-size:var(--font-sm);opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.feature-card-arrow{align-self:flex-end;opacity:.7;transition:transform .3s ease}.feature-card:hover .feature-card-arrow{transform:translateX(4px)}.activity-list,.tasks-list{display:flex;flex-direction:column;gap:var(--space-3);background:var(--panel);border:1px solid var(--border);padding:var(--space-6);position:relative}.activity-list:before,.tasks-list:before{content:"";position:absolute;inset:0;border:1px solid hsla(0,0%,100%,.04);pointer-events:none}.activity-item,.task-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);transition:background var(--motion-duration-fast) var(--motion-ease),transform var(--motion-duration-fast) var(--motion-ease)}.activity-item:hover,.task-item:hover{background:var(--panel-elevated);transform:translateX(6px)}.activity-icon,.task-status{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border)}.activity-icon.success,.task-status.completed,.task-status.finished,.task-status.succeeded{background:hsla(0,0%,100%,.15);color:var(--accent);border-color:var(--accent)}.task-status.processing,.task-status.queued,.task-status.running{background:hsla(0,0%,100%,.15);color:var(--status-warn);border-color:var(--status-warn)}.task-status.cancelled,.task-status.error,.task-status.failed{background:hsla(0,0%,100%,.15);color:var(--status-critical);border-color:var(--status-critical)}.activity-content,.task-content{flex:1 1;min-width:0}.activity-title,.task-title{font-size:var(--font-base);font-weight:500;color:var(--text);margin-bottom:var(--space-1)}.activity-time,.task-meta{font-size:var(--font-sm);color:var(--text-muted)}.task-actions,.task-meta{display:flex;gap:var(--space-2)}.task-action{width:32px;height:32px;border-radius:var(--radius-lg);background:var(--panel-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease;text-decoration:none}.task-action:hover{background:var(--panel-hover);color:var(--text);border-color:var(--border-light)}.activity-view-all,.tasks-view-all{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);color:var(--accent);font-size:var(--font-sm);font-weight:500;text-decoration:none;border-radius:var(--radius-lg);transition:all .2s ease;margin-top:var(--space-2)}.activity-view-all:hover,.tasks-view-all:hover{background:var(--accent-light);transform:translateY(-1px)}.empty-state{padding:var(--space-8)}.empty-state svg{opacity:.5;margin-bottom:var(--space-4)}.empty-state h3{margin:0 0 var(--space-2) 0;font-size:var(--font-lg);font-weight:600;color:var(--text-secondary)}.empty-state p{margin:0;font-size:var(--font-base)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.insight-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all .3s ease}.insight-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.insight-card.good{border-color:var(--status-good)}.insight-card.warn{border-color:var(--status-warn)}.insight-card.accent{border-color:var(--accent)}.insight-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.insight-header h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text)}.insight-icon{color:var(--accent);opacity:.8}.insight-value{font-size:var(--font-3xl);font-weight:800;color:var(--text);margin-bottom:var(--space-1);line-height:1}.insight-description{font-size:var(--font-base);color:var(--text-muted)}.app-layout{display:grid;grid-template-columns:248px 1fr;min-height:100vh;position:relative;background:var(--bg)}.app-layout:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.14),transparent 45%);pointer-events:none}.sidebar{background:var(--bg);border-right:1px solid var(--border);padding:var(--space-4);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;transition:all var(--motion-duration) var(--motion-ease)}.sidebar-inner{position:relative;flex-direction:column;height:100%}.sidebar-inner,.sidebar-scroll{display:flex;gap:var(--space-4)}.sidebar-scroll{flex:1 1;overflow-y:auto;padding-right:var(--space-1);flex-direction:column}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-heavy)}.sidebar-brand-card{padding:var(--space-3);display:flex;justify-content:space-between;align-items:center}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.sidebar-logo-text{display:flex;flex-direction:column;gap:2px}.sidebar-logo-text span{font-size:var(--font-sm);font-weight:var(--font-bold);color:var(--text);letter-spacing:-.02em}.sidebar-logo-tagline,.sidebar-signal{font-size:var(--font-xs);color:var(--text-muted)}.sidebar-signal{display:flex;align-items:center;gap:var(--space-2);letter-spacing:.2em;text-transform:uppercase}.sidebar-signal-dot{width:10px;height:10px;background:var(--accent);animation:pulse 1.6s ease infinite}.brand-chip{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--accent-gradient);display:grid;place-items:center;overflow:hidden;color:var(--color-white)}.brand-chip img{width:70%;height:70%;object-fit:contain}.brand-chip.tiny{width:24px;height:24px;margin-right:var(--space-2);border-radius:var(--radius-md)}.brand-chip.tiny.inline{margin-right:var(--space-3)}@keyframes pulse{0%{opacity:.2;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.2;transform:scale(.9)}}.sidebar-quick-actions{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-quick-card{border:none;border-radius:var(--radius-lg);padding:var(--space-3);background:var(--accent-gradient);display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-white);transition:all var(--motion-duration-fast) var(--motion-ease)}.sidebar-quick-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 20px var(--accent-shadow)}.sidebar-quick-card.sidebar-quick-main{background:var(--accent-gradient)}.sidebar-quick-icon{width:32px;height:32px;border-radius:var(--radius-md);background:hsla(0,0%,100%,.2);display:grid;place-items:center;color:var(--color-white)}.sidebar-quick-copy{display:flex;flex-direction:column;gap:1px}.sidebar-quick-copy span{font-size:var(--font-sm);font-weight:var(--font-semibold)}.sidebar-quick-copy p{margin:0;font-size:var(--font-xs);opacity:.8}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section-heading{padding:var(--space-2) var(--space-3)}.sidebar-section-heading p{margin:0;font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle)}.sidebar-section-heading span{display:none}.sidebar-nav-grid{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;transition:all var(--motion-duration-fast) var(--motion-ease)}.sidebar-nav-item:hover{color:var(--text);background:var(--panel-hover)}.sidebar-nav-item.active{color:var(--text);background:var(--accent-light)}.sidebar-nav-item.disabled{opacity:.4;pointer-events:none}.sidebar-nav-indicator{display:none}.sidebar-nav-icon{width:28px;height:28px;border-radius:var(--radius-md);background:var(--panel-hover);display:grid;place-items:center;color:var(--text-muted);flex-shrink:0;transition:all var(--motion-duration-fast) var(--motion-ease)}.sidebar-nav-item:hover .sidebar-nav-icon{color:var(--text)}.sidebar-nav-item.active .sidebar-nav-icon{background:var(--accent);color:var(--color-black)}.sidebar-nav-copy{display:flex;flex-direction:column;min-width:0}.sidebar-nav-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-medium)}.sidebar-nav-copy p{margin:0;font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.sidebar-nav-badge{font-size:10px;font-weight:var(--font-semibold);color:var(--accent);background:var(--accent-light);border-radius:var(--radius-sm);padding:2px 6px}.sidebar-footer-card{border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-3);background:var(--bg-secondary);margin-top:auto}.sidebar-credits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.sidebar-credits-title{font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--text)}.sidebar-credits-subtitle{font-size:var(--font-xs);color:var(--text-muted);display:none}.sidebar-chip{border-radius:var(--radius-full);padding:2px 8px;background:var(--status-good-bg);border:1px solid rgba(52,211,153,.3);color:var(--status-good);font-size:10px;font-weight:var(--font-semibold)}.sidebar-footer-meta{text-align:center;font-size:var(--font-xs);color:var(--text-subtle);padding:var(--space-2);display:none}.workspace-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-gap:0;gap:0;min-height:100vh;background:var(--bg)}.workspace-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.workspace-shell.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;transform:translateX(-20px);width:0;padding:0;border:none}.workspace-main{display:flex;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--border);min-height:100vh;overflow:hidden}.workspace-header{border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(18,18,20,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.workspace-title-block{display:flex;align-items:center;gap:var(--space-3)}.workspace-eyebrow{font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--accent);margin:0;display:none}.workspace-title{margin:0;font-size:var(--font-lg);font-weight:var(--font-semibold);letter-spacing:-.02em}.workspace-menu-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease)}.workspace-menu-btn:hover{background:var(--panel-hover);color:var(--text);border-color:var(--border-light)}.workspace-description{color:var(--text-muted);font-size:var(--font-sm);margin:0;display:none}.workspace-tools{display:flex;align-items:center;gap:var(--space-2)}.workspace-search-btn{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease)}.workspace-search-btn kbd{font-family:var(--font-mono);font-size:10px;color:var(--text-subtle);background:var(--panel-hover);padding:2px 6px;border-radius:var(--radius-sm)}.workspace-search-btn:hover{background:var(--panel-hover);color:var(--text);border-color:var(--border-light)}.workspace-toggle-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease)}.workspace-toggle-btn:hover{background:var(--panel-hover);color:var(--text);border-color:var(--border-light)}.workspace-search{display:flex;align-items:center;gap:var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 var(--space-3);min-width:200px;transition:all var(--motion-duration-fast) var(--motion-ease)}.workspace-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.workspace-search input{background:transparent;border:none;color:var(--text);font-size:var(--font-sm);padding:var(--space-2) 0;width:100%}.workspace-search input::placeholder{color:var(--text-muted)}.workspace-search input:focus{outline:none}.workspace-search-hint{font-size:var(--font-xs);color:var(--text-subtle);background:var(--panel-hover);padding:2px 6px;border-radius:var(--radius-sm)}.workspace-command-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease)}.workspace-command-btn:hover{background:var(--panel-hover);color:var(--text);border-color:var(--border-light)}.workspace-credits{display:flex;align-items:center;gap:var(--space-2);background:var(--accent-light);border:1px solid rgba(167,139,250,.2);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3)}.workspace-credits-label{font-size:var(--font-xs);color:var(--text-muted);display:none}.workspace-credits-value{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--accent)}.workspace-credits-limit{font-size:var(--font-xs);color:var(--text-muted);font-weight:var(--font-normal)}.workspace-content{flex:1 1;overflow:auto;padding:var(--space-6) var(--space-8)}.workspace-content-full{padding:0}.page-shell{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--space-8) var(--space-10)}body[data-page=assistant] .workspace-content{overflow:hidden}body[data-page=assistant] .page-shell{height:100%;padding:0;display:flex;flex-direction:column}@media (max-width:768px){.page-shell{padding:0 var(--space-4) var(--space-6)}}.dashboard-shell{padding:0}@media (max-width:480px){body,html{font-size:14px}.container{grid-template-columns:1fr;padding:var(--space-3);gap:var(--space-4);height:auto;min-height:100vh}.panel{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.header h2,.header h3{font-size:var(--font-lg)}.dnd{min-height:120px;padding:var(--space-8)}.dnd-title{font-size:var(--font-base)}.dnd-subtitle{font-size:var(--font-xs)}.options{grid-template-columns:1fr;gap:var(--space-3)}.btn{padding:var(--space-3) var(--space-4);font-size:var(--font-sm)}.outputArea{min-height:300px;padding:var(--space-4)}.log{height:100px}.kv,.log{font-size:12px}.kv{grid-template-columns:100px 1fr}}@media (max-width:768px){.dashboard-main{gap:var(--space-8)}.dashboard-header,.dashboard-main{padding:var(--space-4)}.dashboard-header-content{flex-direction:column;gap:var(--space-4);align-items:flex-start}.dashboard-header-actions{flex-direction:row;width:100%;justify-content:space-between}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.quick-actions-grid{grid-template-columns:1fr;gap:var(--space-3)}.features-grid,.insights-grid{grid-template-columns:1fr;gap:var(--space-4)}.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-template-rows:auto;padding:var(--space-3);height:auto;overflow-x:auto}.sidebar-nav{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.nav-item{white-space:nowrap;min-width:120px;justify-content:center;padding:var(--space-2) var(--space-3)}.nav-item-label{display:block;font-size:var(--font-xs)}.sidebar-footer,.sidebar-header{display:none}.container{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-4);height:auto;min-height:100vh}.panel{margin-bottom:var(--space-4)}.options{grid-template-columns:1fr;gap:var(--space-3)}}@media (min-width:769px) and (max-width:1024px){.container{grid-template-columns:1fr;padding:var(--space-5)}.features-grid,.insights-grid,.metrics-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dashboard-row,.metrics-grid{grid-template-columns:1fr}.dashboard-row{gap:var(--space-4)}.feature-card-content{padding:var(--space-4)}.feature-card-title{font-size:var(--font-lg)}.feature-card-description{font-size:var(--font-sm)}.quick-action{padding:var(--space-4);gap:var(--space-3)}.quick-action-title{font-size:var(--font-base)}.quick-action-subtitle{font-size:var(--font-xs)}.metric-card{padding:var(--space-4)}.metric-value{font-size:var(--font-2xl)}.activity-list,.tasks-list{padding:var(--space-4)}.section-title{font-size:var(--font-lg)}.section-description{font-size:var(--font-sm)}}.mobile-only{display:none}.desktop-only{display:block}@media (max-width:768px){.mobile-only{display:block}.desktop-only{display:none}.mobile-stack{flex-direction:column;gap:var(--space-3)}.mobile-full-width{width:100%}.mobile-text-center{text-align:center}.mobile-hide{display:none}.btn,.dnd,.input,.nav-item,.select{min-height:44px}.header-action-btn,.task-action{min-height:44px;min-width:44px}}.tasks-page{max-width:1400px;margin:0 auto;gap:var(--space-8)}.tasks-error,.tasks-loading,.tasks-page{padding:var(--space-8);display:flex;flex-direction:column}.tasks-error,.tasks-loading{align-items:center;justify-content:center;min-height:400px;text-align:center}.tasks-error{color:var(--text-muted)}.tasks-error h3{margin:var(--space-4) 0 var(--space-2) 0;color:var(--text)}.tasks-error svg{color:var(--red);margin-bottom:var(--space-4)}.tasks-header{justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.tasks-header,.tasks-title{display:flex;align-items:center}.tasks-title{gap:var(--space-3);margin:0;font-size:var(--font-3xl);font-weight:700;color:var(--text);flex-direction:column;align-items:flex-start}.tasks-subtitle{font-size:var(--font-base);font-weight:400;color:var(--text-muted);margin-top:var(--space-1)}.tasks-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);transition:all .3s ease}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1 1}.stat-value{font-size:var(--font-2xl);font-weight:800;color:var(--text);line-height:1;margin-bottom:var(--space-1)}.tasks-filters{display:flex;gap:var(--space-4);flex-wrap:wrap}.filter-search,.filter-status{display:flex;align-items:center;gap:var(--space-2);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);min-width:200px}.filter-search svg,.filter-status svg{color:var(--text-muted);flex-shrink:0}.search-input,.status-select{background:transparent;border:none;color:var(--text);font-size:var(--font-sm);flex:1 1;outline:none}.search-input::placeholder{color:var(--text-muted)}.status-select option{background:var(--panel);color:var(--text)}.tasks-content{min-height:400px}.tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;color:var(--text-muted)}.tasks-empty svg{opacity:.5;margin-bottom:var(--space-6)}.tasks-empty h3{margin:0 0 var(--space-3) 0;font-size:var(--font-xl);font-weight:600;color:var(--text)}.tasks-empty p{margin:0 0 var(--space-6) 0;font-size:var(--font-base);max-width:400px}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.task-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;transition:all .3s ease}.task-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.task-card-header{padding:var(--space-4);border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.task-card-info{flex:1 1;min-width:0}.task-card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-lg);font-weight:600;color:var(--text);margin-bottom:var(--space-2)}.task-card-title span{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.task-backend{padding:var(--space-1) var(--space-2);background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary)}.task-date{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--text-muted)}.task-status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.task-status-badge.completed,.task-status-badge.finished,.task-status-badge.succeeded{background:hsla(0,0%,100%,.2);color:var(--green)}.task-status-badge.processing,.task-status-badge.queued,.task-status-badge.running{background:hsla(0,0%,100%,.2);color:var(--orange)}.task-status-badge.cancelled,.task-status-badge.error,.task-status-badge.failed{background:hsla(0,0%,100%,.2);color:var(--red)}.task-card-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.task-section h4{margin:0 0 var(--space-3) 0;font-size:var(--font-base);font-weight:600;color:var(--text)}.task-text-input{background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);font-size:var(--font-sm);color:var(--text-secondary);white-space:pre-wrap;max-height:120px;overflow:auto}.task-media-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.task-media-section h4{margin:0 0 var(--space-2) 0}.task-media{display:flex;flex-direction:column;gap:var(--space-2)}.task-audio,.task-image,.task-video{width:100%;max-width:300px;border-radius:var(--radius-lg)}.task-image,.task-video{max-height:200px;object-fit:cover}.task-media-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.media-action{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:var(--font-xs);font-weight:500;transition:all .2s ease}.media-action:hover{background:var(--panel-hover);color:var(--text);border-color:var(--border-light)}.task-output-text{display:flex;flex-direction:column;gap:var(--space-3)}.output-text-content{background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);white-space:pre-wrap;max-height:300px;overflow:auto;font-size:var(--font-sm);line-height:1.6;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text;color:var(--text-secondary)}.output-text-actions{display:flex;align-items:center;gap:var(--space-3)}.output-action-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all .2s ease}.output-action-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.output-text-length{font-size:var(--font-xs);color:var(--text-muted)}.task-output-media{display:flex;flex-direction:column;gap:var(--space-3)}.task-output-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);background:var(--panel-elevated);border:2px dashed var(--border);color:var(--text-muted);position:relative;overflow:hidden}.task-output-empty:after{content:"ADZCREATOR";position:absolute;font-size:3rem;letter-spacing:.6em;color:hsla(0,0%,100%,.03);transform:rotate(-12deg);pointer-events:none}.task-icon-success{color:var(--green)}.task-icon-running{color:var(--orange)}.task-icon-error{color:var(--red)}.task-icon-unknown{color:var(--text-muted)}@media (max-width:768px){.tasks-page{padding:var(--space-4);gap:var(--space-6)}.tasks-header{flex-direction:column;align-items:flex-start}.tasks-stats{grid-template-columns:repeat(2,1fr)}.tasks-filters{flex-direction:column}.filter-search,.filter-status{min-width:auto;width:100%}.tasks-grid{grid-template-columns:1fr}.task-card-header{flex-direction:column;align-items:flex-start}.task-status-badge{align-self:flex-start}.task-media-section{margin-bottom:var(--space-4)}.task-media-actions{flex-direction:column;gap:var(--space-2)}.media-action{justify-content:center;min-height:44px;padding:var(--space-3);text-align:center}.task-audio,.task-image,.task-video{width:100%;max-width:100%}.dnd-icon{width:40px;height:40px;font-size:20px}.fileInfo img,.fileInfo video{max-width:200px}}.credit-counter{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-4);margin-bottom:var(--space-3);transition:all var(--motion-duration-fast) var(--motion-ease);position:relative;overflow:hidden}.credit-counter:after{content:""}.credit-counter.error,.credit-counter.loading{opacity:.7}.credit-counter.warning{border-color:rgba(251,191,36,.4);box-shadow:0 0 0 1px rgba(251,191,36,.15)}.credit-counter.critical{border-color:hsla(0,91%,71%,.4);box-shadow:0 0 0 1px hsla(0,91%,71%,.15)}.credit-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-weight:var(--font-semibold);font-size:var(--font-sm);color:var(--text)}.credit-header .status-icon{margin-left:auto}.credit-header .status-icon.good{color:var(--status-good)}.credit-header .status-icon.warning{color:var(--status-warn)}.credit-header .status-icon.critical{color:var(--status-critical)}.credit-content{display:flex;flex-direction:column;gap:var(--space-2)}.credit-stats{display:flex;justify-content:space-between;align-items:center}.credit-remaining{display:flex;flex-direction:column;align-items:flex-start}.credit-number{font-weight:700;font-size:var(--font-lg);color:var(--accent);line-height:1;letter-spacing:.08em}.credit-label{font-size:var(--font-xs);color:var(--text-muted)}.credit-total{display:flex;align-items:center;gap:2px;font-size:var(--font-sm);color:var(--text-secondary)}.credit-used{font-weight:var(--font-medium)}.credit-limit,.credit-separator{color:var(--text-muted)}.credit-limit{font-weight:600}.credit-progress{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.progress-bar{width:100%;background:var(--bg-tertiary);position:relative;border-radius:var(--radius-full)}.progress-fill{transition:width var(--motion-duration) var(--motion-ease),background var(--motion-duration) var(--motion-ease)}.progress-fill.good{background:linear-gradient(90deg,var(--status-good),var(--accent))}.progress-fill.warning{background:linear-gradient(90deg,var(--status-warn),var(--accent))}.progress-fill.critical{background:linear-gradient(90deg,var(--status-critical),#dcdcdc)}.progress-text{font-size:var(--font-xs);color:var(--text-muted);text-align:center}.credit-tier{display:flex;justify-content:center}.tier-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--font-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border);border-radius:var(--radius-full)}.tier-badge.basic{background:var(--accent-muted);color:var(--accent);border-color:var(--accent)}.tier-badge.free{background:hsla(0,0%,100%,.15);color:#dcdcdc;border:1px solid hsla(0,0%,100%,.3)}.tier-badge.pro{background:hsla(0,0%,100%,.1);color:var(--text);border-color:hsla(0,0%,100%,.4)}.credit-error,.credit-loading{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--text-muted)}.credit-error{color:var(--error)}.credit-cost-display{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:hsla(0,0%,100%,.1);color:var(--accent);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}.credit-insufficient{background:hsla(0,0%,100%,.1);color:var(--error);border-color:hsla(0,0%,100%,.2)}.credit-warning-banner{color:var(--warning)}.credit-critical-banner,.credit-warning-banner{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);padding:var(--space-3);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm)}.credit-critical-banner{color:var(--error)}.model-option{position:relative}.model-credit-cost{position:absolute;top:var(--space-1);right:var(--space-1);font-size:var(--font-xs);font-weight:600;color:var(--accent);background:var(--accent-muted);padding:2px 6px;border:1px solid var(--accent)}.veo-control-stack{display:flex;flex-direction:column;gap:var(--space-4)}.veo-control-card{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--panel-elevated);padding:var(--space-4);box-shadow:0 14px 36px rgba(0,0,0,.4)}.veo-control-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.veo-control-title{font-size:var(--font-lg);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.veo-control-description{font-size:var(--font-sm);color:var(--text-muted);margin-top:var(--space-2)}.veo-subsection{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.veo-subsection-title{color:var(--text-muted)}.sidebar-chip,.veo-chip,.veo-subsection-title{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.2em}.veo-info-banner{border:1px dashed hsla(0,0%,100%,.5);border-radius:var(--radius-2xl);padding:var(--space-3);background:hsla(0,0%,100%,.1);color:var(--accent);font-size:var(--font-sm)}.veo-job-tabs{flex-wrap:wrap}.veo-job-tab,.veo-job-tabs{display:flex;gap:var(--space-2)}.veo-job-tab{border:1px solid var(--border);background:transparent;color:var(--text);padding:var(--space-2) var(--space-4);align-items:center;cursor:pointer;font-size:var(--font-sm)}.veo-job-tab.active{border-color:var(--accent);color:var(--accent)}.veo-job-tab.add{border-style:dashed}.veo-job-tab.remove{color:#dcdcdc;border-color:hsla(0,0%,100%,.5)}.apply-all-toggle{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--font-sm);color:var(--text-muted)}.apply-all-toggle input{accent-color:var(--accent)}.status-pill{padding:2px 8px;border-radius:999px;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border)}.status-pill.success{border-color:var(--success);color:var(--success)}.status-pill.running{border-color:var(--warning)}.status-pill.error{border-color:var(--error)}.veo-output-card{border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-4);background:hsla(0,0%,100%,.02);margin-bottom:var(--space-4)}.veo-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.veo-output-title{display:flex;gap:var(--space-2);align-items:center;font-weight:600}.tiny-link{border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:var(--font-sm)}@media (max-width:768px){.credit-counter{margin-bottom:var(--space-2);padding:var(--space-2)}.credit-stats{flex-direction:column;gap:var(--space-1)}.credit-remaining,.credit-stats{align-items:flex-start}.credit-number{font-size:var(--font-base)}.sidebar-credits-card{margin-bottom:var(--space-2)}}.credit-guard{display:flex;flex-direction:column;gap:var(--space-2)}.credit-guard,.credit-guard-content{position:relative}.credit-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-lg);pointer-events:none;z-index:1}.credit-insufficient-warning{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--error);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.credit-cost-display.compact{padding:1px var(--space-1);font-size:10px;gap:2px}.credit-cost-detailed{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);transition:all .3s ease}.credit-cost-detailed.credit-insufficient{border-color:var(--error);background:hsla(0,0%,100%,.05)}.credit-cost-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.credit-amount{font-weight:600;color:var(--text)}.insufficient-icon{color:var(--error);margin-left:auto}.credit-cost-info{display:flex;flex-direction:column;gap:var(--space-1)}.model-name{font-weight:600;color:var(--text);font-size:var(--font-sm)}.model-provider{color:var(--text-secondary);font-size:var(--font-xs)}.model-description{line-height:1.4}.credit-cost-display .provider,.model-description{color:var(--text-muted);font-size:var(--font-xs)}.banner-content{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1}.banner-message{font-weight:500}.banner-actions{display:flex;gap:var(--space-2)}.btn.credit-insufficient,button.credit-insufficient{opacity:.6;cursor:not-allowed;background:var(--border)!important;color:var(--text-muted)!important;border-color:var(--border)!important}.btn.credit-insufficient:hover,button.credit-insufficient:hover{transform:none!important;background:var(--border)!important}.form-field-with-credits{position:relative}.form-field-with-credits .credit-cost-display{position:absolute;top:var(--space-1);right:var(--space-1);z-index:2}.credit-management{padding:var(--space-6);max-width:1200px;margin:0 auto}.credit-management.error,.credit-management.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4);text-align:center}.credit-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.credit-management-header h1{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-2xl);font-weight:700;color:var(--text)}.credit-management-header .subtitle{display:block;font-size:var(--font-base);font-weight:400;color:var(--text-muted);margin-top:var(--space-1)}.credit-overview{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.credit-overview-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.credit-overview-card.main{display:flex;flex-direction:column;gap:var(--space-4)}.credit-overview-header{display:flex;justify-content:space-between;align-items:center}.credit-overview-header h2{margin:0;font-size:var(--font-xl);font-weight:600;color:var(--text)}.credit-overview-stats{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);align-items:end}.stat-large,.stat-small{display:flex;flex-direction:column;gap:var(--space-1)}.stat-large .stat-value{font-size:var(--font-3xl);font-weight:800;color:var(--text);line-height:1}.stat-small .stat-value{font-size:var(--font-xl);font-weight:700;color:var(--text);line-height:1}.stat-label{font-size:var(--font-sm);color:var(--text-muted);font-weight:500}.credit-progress-large{display:flex;flex-direction:column;gap:var(--space-2)}.credit-progress-large .progress-bar{height:12px;background:var(--border);border-radius:6px;overflow:hidden}.progress-info{display:flex;justify-content:space-between;font-size:var(--font-sm);color:var(--text-secondary)}.credit-overview-actions{display:flex;flex-direction:column;gap:var(--space-3)}.overview-action-card{display:flex;align-items:center;gap:var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .3s ease}.overview-action-card:hover{border-color:var(--accent);transform:translateY(-1px)}.overview-action-card svg{color:var(--accent);flex-shrink:0}.action-content{flex:1 1}.action-content h3{margin:0 0 var(--space-1) 0;font-size:var(--font-base);font-weight:600;color:var(--text)}.action-content p{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.credit-pricing{margin-bottom:var(--space-6)}.credit-pricing h2{margin:0 0 var(--space-4) 0;font-size:var(--font-xl);font-weight:600;color:var(--text)}.pricing-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.pricing-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .3s ease}.pricing-item:hover{border-color:var(--accent);transform:translateY(-1px)}.pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.pricing-header h4{margin:0;font-size:var(--font-base);font-weight:600;color:var(--text)}.category-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-badge.editing,.category-badge.enhancement,.category-badge.lipsync,.category-badge.other,.category-badge.tts{background:hsla(0,0%,100%,.15);color:#dcdcdc;border:1px solid hsla(0,0%,100%,.3)}.pricing-content{display:flex;flex-direction:column;gap:var(--space-2)}.pricing-content .credit-cost{display:flex;align-items:center;gap:var(--space-1);font-weight:600;color:var(--text)}.pricing-content .provider{font-size:var(--font-sm);color:var(--text-secondary)}.pricing-content .description{font-size:var(--font-sm);color:var(--text-muted);line-height:1.4}.credit-history h2{margin:0 0 var(--space-4) 0;font-size:var(--font-xl);font-weight:600;color:var(--text)}.history-empty,.history-error,.history-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted)}.history-empty{flex-direction:column;gap:var(--space-3)}.history-empty h3{margin:0;color:var(--text)}.history-empty p{margin:0}.history-list{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.history-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);transition:background-color .3s ease}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--panel-hover)}.history-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0}.usage-icon{color:var(--accent)}.bonus-icon,.reset-icon{color:var(--success)}.transaction-icon{color:var(--text-secondary)}.history-content{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1)}.history-title{font-weight:500;color:var(--text);font-size:var(--font-sm)}.history-meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--text-muted)}.history-credits{font-weight:600;font-size:var(--font-sm)}.credits-used{color:var(--error)}.credits-added,.credits-reset{color:var(--success)}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.credit-management{padding:var(--space-4)}.credit-overview,.credit-overview-stats{grid-template-columns:1fr}.credit-overview-stats{gap:var(--space-3)}.pricing-grid{grid-template-columns:1fr}.history-item{padding:var(--space-3);gap:var(--space-2)}.history-meta{flex-wrap:wrap}}.billing-page{min-height:100vh;background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05));padding:var(--space-6) var(--space-4)}.billing-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.billing-header{text-align:center;margin-bottom:var(--space-6)}.billing-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.billing-title-section{display:flex;align-items:center;gap:var(--space-3)}.billing-icon{color:var(--primary);flex-shrink:0}.billing-title{font-size:2.5rem;font-weight:700;color:var(--text);margin:0;line-height:1.2}.billing-subtitle{font-size:1.1rem;color:var(--text-muted);margin:var(--space-1) 0 0 0;font-weight:400}.current-credits{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);font-weight:500;color:var(--text)}.current-credits svg{color:var(--primary)}.billing-error{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);color:#dcdcdc;padding:var(--space-4);border-radius:var(--radius)}.billing-error,.current-plan-section{margin-bottom:var(--space-6)}.current-plan-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);box-shadow:0 1px 3px rgba(0,0,0,.1)}.current-plan-info{display:flex;flex-direction:column;gap:var(--space-2)}.current-plan-badge{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:500;color:var(--primary)}.current-plan-name{font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.current-plan-status{font-size:.875rem;color:var(--text-muted);margin:0}.status-active,.status-canceled,.status-incomplete,.status-past_due,.status-trialing{color:#dcdcdc;font-weight:600}.pricing-header,.pricing-section{margin-bottom:var(--space-8)}.pricing-header{text-align:center}.pricing-header h2{font-size:2rem;font-weight:700;color:var(--text);margin:0 0 var(--space-2) 0}.pricing-header p{font-size:1.1rem;color:var(--text-muted);margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.pricing-card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;position:relative;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.05)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.pricing-card.current-plan{border-color:var(--border);background:linear-gradient(135deg,hsla(0,0%,100%,.03),rgba(0,0,0,.08))}.pricing-card.pro-plan{border-color:var(--border);background:linear-gradient(135deg,hsla(0,0%,100%,.04),rgba(0,0,0,.12))}.plan-badge-ribbon{position:absolute;top:-1px;right:var(--space-6);background:linear-gradient(135deg,#2f2f2f,#101010);color:var(--text);padding:var(--space-1) var(--space-3);border-radius:0 0 var(--radius) var(--radius);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:var(--space-1)}.pricing-card-header{text-align:center;margin-bottom:var(--space-6)}.plan-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary) 0,#1f1f1f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4) auto;color:var(--text)}.pro-plan .plan-icon{background:linear-gradient(135deg,#2a2a2a,#0f0f0f)}.plan-name{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 var(--space-2) 0}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-2)}.price-amount{font-size:3rem;font-weight:700;color:var(--text);line-height:1}.plan-description,.price-period{font-size:1rem;color:var(--text-muted)}.plan-description{margin:0}.pricing-card-body{flex:1 1;margin-bottom:var(--space-6)}.credits-info{margin-bottom:var(--space-4)}.credits-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:hsla(0,0%,100%,.1);color:var(--primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-weight:600;font-size:.875rem;border:1px solid hsla(0,0%,100%,.2)}.credits-badge.credits-basic,.credits-badge.credits-pro{background:hsla(0,0%,100%,.1);color:#dcdcdc;border-color:hsla(0,0%,100%,.2)}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.plan-features li{display:flex;align-items:center;gap:var(--space-3);font-size:.95rem;color:var(--text)}.plan-features li svg{color:#dcdcdc;flex-shrink:0}.pricing-card-footer{margin-top:auto}.current-plan-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:hsla(0,0%,100%,.1);color:#dcdcdc;border-radius:var(--radius);font-weight:600;border:1px solid hsla(0,0%,100%,.2)}.plan-note{text-align:center;color:var(--text-muted);font-size:.875rem;margin:0;padding:var(--space-3)}.credits-info-section{margin-top:var(--space-8)}.credits-info-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 4px 6px rgba(0,0,0,.05)}.credits-info-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.credits-info-header svg{color:var(--primary)}.credits-info-header h3{font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.credits-info-content p{color:var(--text-muted);margin:0 0 var(--space-4) 0;line-height:1.6}.credits-pricing{list-style:none;padding:0;margin:0 0 var(--space-4) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.credits-pricing li{background:var(--bg-secondary);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--border);font-size:.9rem;color:var(--text)}.credits-note{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);padding:var(--space-4);border-radius:var(--radius);margin:0;color:var(--text);font-size:.9rem}@media (max-width:768px){.billing-title{font-size:2rem}.billing-header-content,.current-plan-card{flex-direction:column;text-align:center}.pricing-grid{grid-template-columns:1fr}.price-amount{font-size:2.5rem}.credits-pricing,.dashboard-workflow-grid,.page-grid{grid-template-columns:1fr}}@media (max-width:480px){.billing-page{padding:var(--space-4) var(--space-2)}.billing-container{gap:var(--space-4)}.pricing-card{padding:var(--space-4)}.plan-badge-ribbon{right:var(--space-4)}}body[data-page=dashboard] .metric-card:first-child .metric-value{color:var(--accent)}body[data-page=dashboard] .dashboard-branding .dashboard-logo-mark{box-shadow:var(--glow-accent)}body[data-page=lipsync-beta] .btn,body[data-page=lipsync-latentsync] .btn,body[data-page=lipsync-new] .btn,body[data-page=lipsync] .btn{border-color:var(--accent);color:var(--accent)}body[data-page=lipsync-beta] .btn:hover,body[data-page=lipsync-latentsync] .btn:hover,body[data-page=lipsync-new] .btn:hover,body[data-page=lipsync] .btn:hover{color:var(--color-black)}body[data-page=lipsync-beta] .log,body[data-page=lipsync-latentsync] .log,body[data-page=lipsync-new] .log,body[data-page=lipsync] .log{border:1px solid var(--accent);color:var(--accent)}body[data-page=image] .dnd,body[data-page=veo] .dnd{border-color:var(--accent)}body[data-page=tasks] .task-status.completed,body[data-page=tasks] .task-status.finished,body[data-page=tasks] .task-status.succeeded{background:hsla(0,0%,100%,.15);color:var(--accent)}body[data-page=tasks] .task-status-badge.completed,body[data-page=tasks] .task-status-badge.finished,body[data-page=tasks] .task-status-badge.succeeded{background:var(--accent);color:var(--color-black)}body[data-page=credits] .credit-counter{border-color:var(--accent);box-shadow:var(--glow-accent)}body[data-page=billing] .current-plan-card,body[data-page=billing] .pricing-card.current-plan{border:1px solid var(--accent);box-shadow:var(--glow-accent)}.command-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.command-panel{width:min(600px,90vw);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-4);box-shadow:var(--shadow-lg)}.command-search{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);margin-bottom:var(--space-3)}.command-search input{width:100%;background:transparent;border:none;color:var(--text);font-size:var(--font-base)}.command-search input:focus{outline:none}.command-hint{font-size:var(--font-xs);color:var(--text-subtle);background:var(--panel-hover);padding:2px 6px;border-radius:var(--radius-sm)}.command-results{max-height:320px;overflow:auto;display:flex;flex-direction:column}.command-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border:1px solid transparent;background:transparent;color:var(--text);text-align:left;cursor:pointer;border-radius:var(--radius-lg);transition:all var(--motion-duration-fast) var(--motion-ease)}.command-item:hover{border-color:var(--border-light);background:var(--panel-hover)}.command-item-text{display:flex;flex-direction:column}.command-item-label{font-weight:var(--font-semibold)}.command-item-description,.command-item-shortcut{font-size:var(--font-xs);color:var(--text-muted)}.command-item-shortcut{letter-spacing:.2em}.command-empty{padding:var(--space-4);text-align:center;color:var(--text-muted)}.page-template{flex-direction:column}.page-hero,.page-template{display:flex;gap:var(--space-6)}.page-hero{align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:var(--space-4)}.page-eyebrow{font-size:var(--font-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);margin:0 0 var(--space-1) 0}.page-description{color:var(--text-muted);max-width:420px}.page-hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.action-dock{position:-webkit-sticky;position:sticky;top:var(--space-4);z-index:6;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-4);box-shadow:var(--shadow-md)}.action-dock-grid{display:grid;grid-template-columns:1.5fr 1fr auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:center}.dock-field textarea{min-height:88px}.dock-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--space-2);gap:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border);padding:var(--space-3);border-radius:var(--radius-xl)}.dock-stats div{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-sm)}.dock-tabs{margin-top:var(--space-3)}.action-dock-actions,.dock-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.action-dock-actions{align-items:center;justify-content:flex-end}@media (max-width:1024px){.action-dock{top:0}.action-dock-grid{grid-template-columns:1fr}.action-dock-actions{justify-content:flex-start}}.hero-link{font-size:var(--font-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:var(--space-6);gap:var(--space-6)}.page-main{min-width:0}.page-side-panel{display:flex;flex-direction:column;gap:var(--space-4)}.side-panel-card{border:1px solid var(--border);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--panel)}.side-panel-card h3{margin-top:0;letter-spacing:.1em;font-size:var(--font-sm);text-transform:uppercase}.side-panel-card ol,.side-panel-card ul{margin:var(--space-2) 0 0 1rem;padding:0;color:var(--text-muted)}.model-doc-card{display:flex;flex-direction:column;gap:var(--space-3)}.model-doc-section{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-2)}.model-doc-section ul{margin:var(--space-2) 0 0 1.2rem;padding:0;color:var(--text-muted);font-size:var(--font-sm);line-height:1.5}.model-doc-code{background:var(--panel-muted);font-size:.8rem;overflow-x:auto}.model-doc-code,.model-doc-example{border:1px solid var(--border);padding:var(--space-3)}.model-doc-example{border-radius:var(--radius-lg)}.model-doc-example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.model-doc-example-body{display:flex;flex-direction:column;gap:var(--space-2)}.generator-workspace{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.dashboard-spotlight{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}.dashboard-welcome-card{border:1px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-6);background:var(--panel);box-shadow:var(--shadow-md)}.dashboard-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.dashboard-highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.dashboard-highlight{border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-3);background:var(--bg-secondary)}.dashboard-highlight-label{font-size:var(--font-xs);color:var(--text-subtle);letter-spacing:.12em;text-transform:uppercase}.dashboard-highlight-value{font-size:var(--font-2xl);font-weight:var(--font-semibold);color:var(--text);margin-top:var(--space-2)}.dashboard-highlight-helper{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-1)}.dashboard-workflow-grid{display:grid;grid-template-columns:2fr 2fr 1.2fr;grid-gap:var(--space-5);gap:var(--space-5)}.activity-timeline,.dashboard-insights,.workflow-column{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-item{display:flex;gap:var(--space-3);align-items:center}.timeline-marker{width:10px;height:10px;background:var(--border)}.timeline-item.success .timeline-marker{background:var(--status-good)}.timeline-item.error .timeline-marker{background:var(--status-critical)}.timeline-item.running .timeline-marker{background:var(--status-warn)}.timeline-content{flex:1 1;border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.timeline-title{font-weight:600}.timeline-meta{font-size:var(--font-xs);color:var(--text-muted)}.assistant-shell{display:flex;flex-direction:column;gap:var(--space-6)}.assistant-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);background:var(--panel);border:1px solid var(--separator);box-shadow:var(--shadow-soft);position:-webkit-sticky;position:sticky;top:0;z-index:3}.assistant-actions{display:flex;gap:var(--space-2)}.assistant-actions button{display:inline-flex;align-items:center;gap:var(--space-2)}.assistant-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.assistant-main{background:var(--panel);border:1px solid var(--separator);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:70vh}.assistant-panel,.assistant-sidebar,.sidebar-card{display:flex;flex-direction:column;gap:var(--space-4)}.assistant-panel,.sidebar-card{background:var(--panel);border:1px solid var(--separator);box-shadow:var(--shadow-soft);padding:var(--space-4)}.assistant-shell button.primary{background:var(--accent);color:var(--color-black);border:1px solid var(--accent);padding:10px 14px;cursor:pointer}.assistant-shell button.ghost{background:var(--panel-elevated);color:var(--text-secondary);border:1px solid var(--separator);padding:10px 14px;cursor:pointer}.assistant-shell .spin{animation:spin 1s linear infinite}.assistant-panel-header{display:flex;justify-content:space-between;align-items:center}.assistant-panel .label{text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-xs);color:var(--text-tertiary)}.assistant-panel .tag{padding:4px 8px;border:1px solid var(--separator);color:var(--text-secondary);font-size:var(--font-xs)}.chat-feed{flex:1 1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-message{padding:var(--space-3);border:1px solid var(--separator);background:var(--panel-muted)}.chat-message.user{border-color:var(--accent-muted)}.chat-message-meta{display:flex;gap:var(--space-2);font-size:var(--font-xs);color:var(--text-tertiary)}.plan-widget{border:1px solid var(--separator);background:var(--panel-elevated);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.plan-widget-header{font-weight:600}.plan-widget-steps{display:flex;flex-direction:column;gap:var(--space-2)}.plan-widget-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--separator);padding:var(--space-2);background:var(--panel)}.plan-widget-sub{color:var(--text-tertiary);font-size:var(--font-xs)}.plan-widget-actions{display:flex;align-items:center;gap:var(--space-2)}.assistant-summary{border:1px solid var(--separator);background:var(--panel-elevated);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.assistant-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.assistant-badge{gap:6px;background:var(--accent-light);width:-moz-fit-content;width:fit-content}.assistant-badge,.assistant-conversation-link{display:inline-flex;align-items:center;padding:6px 10px;color:var(--text-secondary);font-size:var(--font-xs);border:1px solid var(--separator)}.assistant-conversation-link{gap:var(--space-1);background:var(--panel);border-radius:6px;text-decoration:none;transition:all var(--motion-duration-fast)}.assistant-conversation-link:hover{background:var(--panel-hover);border-color:var(--border-light);color:var(--text)}.assistant-steps{display:flex;flex-direction:column;gap:var(--space-2)}.assistant-step-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--separator);padding:var(--space-2);background:var(--panel);gap:var(--space-2)}.assistant-step-title{font-weight:600}.assistant-step-sub{color:var(--text-tertiary);font-size:var(--font-xs)}.assistant-step-prompt{font-size:var(--font-xs);color:var(--text-secondary)}.chat-composer{padding:var(--space-4);border-top:1px solid var(--separator);display:flex;flex-direction:column;gap:var(--space-3);background:var(--panel);position:-webkit-sticky;position:sticky;bottom:0}.chat-composer textarea{width:100%;background:var(--panel-elevated);border:1px solid var(--separator);color:var(--text);padding:var(--space-3)}.chat-composer-actions{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-end}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--separator);background:var(--panel-elevated);color:var(--text);font-size:var(--font-xs)}.chip.subtle{background:var(--accent-light)}.chip.subtle,.plan-summary{color:var(--text-secondary)}.plan-summary{padding:var(--space-3);background:var(--panel-elevated);border:1px solid var(--separator)}.plan-steps{flex-direction:column}.plan-step,.plan-steps{display:flex;gap:var(--space-3)}.plan-step{align-items:center;justify-content:space-between;border:1px solid var(--separator);padding:var(--space-3);background:var(--panel-elevated)}.plan-step-main{display:flex;gap:var(--space-3);align-items:flex-start}.plan-step-actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.plan-step-order{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--separator);background:var(--accent-light);color:var(--text-secondary);font-weight:600}.plan-step-title{font-weight:600}.plan-step-sub{color:var(--text-tertiary);font-size:var(--font-sm)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;border:1px solid var(--separator);min-width:120px;justify-content:center}.status-pill.idle{color:var(--text-tertiary)}.status-pill.running{color:var(--warning)}.status-pill.complete{color:var(--success)}.status-pill.error{color:var(--error)}.outputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.output-card{border:1px solid var(--separator);padding:var(--space-3);background:var(--panel-elevated)}.output-meta{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.output-link{color:var(--accent);word-break:break-all;display:inline-flex;align-items:center;gap:var(--space-2)}.attachment-row,.template-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.error-banner{border:1px solid var(--error);color:var(--error);padding:var(--space-2)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:20;padding:var(--space-4)}.modal{background:var(--panel);border:1px solid var(--separator);box-shadow:var(--shadow-hard);padding:var(--space-4);width:min(620px,100%);max-height:80vh;overflow:auto}.modal-header{justify-content:space-between;align-items:center}.form-control,.modal-header{display:flex;margin-bottom:var(--space-3)}.form-control{flex-direction:column;gap:6px}.form-control input,.form-control select,.form-control textarea{background:var(--panel-elevated);border:1px solid var(--separator);color:var(--text);padding:var(--space-2)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.required{color:var(--warning)}@media (max-width:1024px){.assistant-layout{grid-template-columns:1fr}}@media (max-width:720px){.assistant-header{flex-direction:column;position:-webkit-sticky;position:sticky;top:0}.modal{height:100%}}.assistant-page-layout{display:flex;position:relative;height:100vh;background:var(--bg);overflow:hidden}.conversation-sidebar-wrapper{position:relative;flex-shrink:0;width:0;transition:width var(--motion-duration-fast) ease-in-out;overflow:hidden}.conversation-sidebar-wrapper.open{width:250px}.chat-container{display:flex;flex-direction:column;height:100vh;flex:1 1;background:var(--bg);transition:margin-left var(--motion-duration-fast)}.assistant-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--separator);background:var(--panel-elevated);flex-shrink:0;z-index:10;position:relative}.assistant-topbar-left{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.assistant-topbar-center{flex:1 1;display:flex;justify-content:center;align-items:center;gap:var(--space-3)}.assistant-topbar-right{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.assistant-title{margin:0;font-size:var(--font-2xl);font-weight:600;color:var(--text);letter-spacing:-.02em}.assistant-topbar-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--panel-elevated);border:1px solid var(--separator);border-radius:8px;color:var(--text);cursor:pointer;transition:all var(--motion-duration-fast);box-shadow:var(--shadow-soft)}.assistant-topbar-button:hover{background:var(--panel-hover);border-color:var(--border-light);transform:scale(1.05)}.chat-container.with-sidebar{margin-left:0}.conversation-sidebar{position:absolute;left:0;top:0;width:250px;height:100vh;background:var(--panel-elevated);border-right:1px solid var(--separator);display:flex;flex-direction:column;z-index:10;overflow:hidden}.chat-container{transition:margin-left var(--motion-duration-fast) ease-in-out}.chat-container.with-sidebar{margin-left:250px}.conversation-sidebar-header{padding:var(--space-3);border-bottom:1px solid var(--separator);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.conversation-sidebar-header h2{font-size:var(--font-sm);font-weight:600;margin:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-sidebar-new-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--separator);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--motion-duration-fast);flex-shrink:0}.conversation-sidebar-new-button:hover{background:var(--panel-hover);border-color:var(--border-light);color:var(--text)}.conversation-sidebar-list{flex:1 1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.conversation-sidebar-empty,.conversation-sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--font-xs)}.conversation-sidebar-empty-button{padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--color-black);border:none;border-radius:6px;font-size:var(--font-xs);cursor:pointer;font-weight:500}.conversation-sidebar-item{padding:var(--space-2);background:var(--panel);border:1px solid var(--separator);border-radius:6px;cursor:pointer;transition:all var(--motion-duration-fast);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.conversation-sidebar-item:hover{background:var(--panel-hover);border-color:var(--border-light)}.conversation-sidebar-item.active{background:var(--accent-light);border-color:var(--accent)}.conversation-sidebar-item-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.conversation-sidebar-item-title{font-size:var(--font-xs);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-sidebar-item-meta{font-size:var(--font-xs);color:var(--text-tertiary)}.conversation-sidebar-item-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--motion-duration-fast);flex-shrink:0}.conversation-sidebar-item:hover .conversation-sidebar-item-actions{opacity:1}.conversation-sidebar-item-action{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all var(--motion-duration-fast)}.conversation-sidebar-item-action:hover{background:var(--panel-hover);color:var(--text)}.conversation-sidebar-item-action-danger:hover{background:var(--status-critical);color:#fff}.conversation-sidebar-edit{display:flex;align-items:center;gap:var(--space-1);width:100%}.conversation-sidebar-edit-input{flex:1 1;padding:var(--space-1) var(--space-2);background:var(--panel-elevated);border:1px solid var(--separator);border-radius:4px;color:var(--text);font-size:var(--font-xs)}.conversation-sidebar-edit-cancel,.conversation-sidebar-edit-save{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:4px;color:var(--text-tertiary)}.conversation-sidebar-edit-save:hover{background:var(--status-good);color:#fff}.conversation-sidebar-edit-cancel:hover{background:var(--status-critical);color:#fff}.chat-messages{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-4) var(--space-6);gap:var(--space-4)}.chat-messages,.message-bubble{display:flex;flex-direction:column}.message-bubble{max-width:85%;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble-user{align-self:flex-end;align-items:flex-end}.message-bubble-assistant{align-self:flex-start;align-items:flex-start}.message-bubble-content{display:flex;flex-direction:column;gap:var(--space-2)}.message-bubble-user .message-bubble-content{align-items:flex-end}.message-bubble-assistant .message-bubble-content{align-items:flex-start}.message-bubble-text{padding:var(--space-3) var(--space-4);border-radius:18px;line-height:1.5;word-wrap:break-word}.message-bubble-user .message-bubble-text{background:var(--accent);color:var(--color-black);border-bottom-right-radius:4px}.message-bubble-assistant .message-bubble-text{background:var(--panel-elevated);color:var(--text);border:1px solid var(--separator);border-bottom-left-radius:4px}.message-bubble-attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.message-attachment{position:relative;border-radius:8px;overflow:hidden}.attachment-preview{display:flex;align-items:center;justify-content:center;background:var(--panel-elevated);border:1px solid var(--separator)}.attachment-preview-image img{max-width:200px;max-height:200px;object-fit:cover;border-radius:8px}.attachment-preview-video{width:200px;height:120px;position:relative}.attachment-preview-video video{width:100%;height:100%;object-fit:cover}.attachment-preview-audio,.attachment-preview-file{width:200px;height:80px;flex-direction:column;gap:var(--space-2)}.attachment-label{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:var(--text);padding:var(--space-1) var(--space-2);font-size:var(--font-xs);display:flex;align-items:center;gap:var(--space-1)}.message-bubble-widgets{margin-top:var(--space-2);width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.widget-card{background:var(--panel-elevated);border:1px solid var(--separator);border-radius:12px;padding:var(--space-4);width:100%;transition:all var(--motion-duration) var(--motion-ease)}.widget-card:hover{border-color:var(--border-light)}.plan-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--separator)}.plan-widget-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-lg)}.plan-widget-badge{background:var(--accent-light);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:var(--font-xs);font-weight:600}.plan-widget-content{display:flex;flex-direction:column;gap:var(--space-3)}.plan-widget-summary{color:var(--text-secondary);line-height:1.6}.plan-widget-steps-list{display:flex;flex-direction:column;gap:var(--space-2)}.plan-widget-step-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--panel);border-radius:8px;border:1px solid var(--separator);transition:all var(--motion-duration-fast)}.plan-widget-step-item:hover{background:var(--panel-hover);border-color:var(--border-light);transform:translateX(2px)}.plan-widget-step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--text);border-radius:50%;font-size:var(--font-xs);font-weight:600;flex-shrink:0}.plan-widget-step-info{flex:1 1}.plan-widget-step-title{font-weight:500;font-size:var(--font-sm)}.plan-widget-step-meta{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.plan-widget-footer{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--separator)}.plan-widget-run-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--color-black);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--motion-duration-fast)}.plan-widget-run-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.plan-widget-run-button:disabled{opacity:.5;cursor:not-allowed}.step-widget-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.step-widget-main{display:flex;gap:var(--space-3);flex:1 1}.step-widget-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--text);border-radius:8px;font-weight:600;flex-shrink:0}.step-widget-info{flex:1 1}.step-widget-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.step-widget-title{font-weight:600;font-size:var(--font-base)}.step-widget-meta{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-1)}.step-widget-deps{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-1)}.step-widget-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.step-widget-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);font-weight:500}.step-widget-status-label{text-transform:capitalize}.step-widget-edit-button,.step-widget-expand-button,.step-widget-retry-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--separator);color:var(--text-secondary);border-radius:6px;font-size:var(--font-xs);cursor:pointer;transition:all var(--motion-duration-fast)}.step-widget-edit-button:hover,.step-widget-retry-button:hover{background:var(--panel-hover);border-color:var(--border-light)}.step-widget.collapsed{padding:var(--space-2) var(--space-3)}.step-widget.collapsed .step-widget-header{margin-bottom:0}.step-widget.collapsed .step-widget-content{display:none}.step-widget-compact-output{margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.step-widget-thumbnail{object-fit:cover}.step-widget-thumbnail,.step-widget-thumbnail-audio,.step-widget-thumbnail-text,.step-widget-thumbnail-video{width:48px;height:48px;border-radius:6px;border:1px solid var(--separator);background:var(--panel);flex-shrink:0}.step-widget-thumbnail-audio,.step-widget-thumbnail-text,.step-widget-thumbnail-video{display:flex;align-items:center;justify-content:center;font-size:20px}.step-widget-content{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--separator)}.step-widget-progress{margin-bottom:var(--space-3)}.step-widget-progress-bar{height:4px;background:var(--accent);border-radius:2px;animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.6}}.step-widget-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:hsla(0,100%,74%,.1);border:1px solid var(--status-critical);border-radius:6px;color:var(--status-critical);font-size:var(--font-sm);margin-bottom:var(--space-3)}.step-widget-prompt{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--panel);border-radius:8px;border:1px solid var(--separator)}.step-widget-prompt strong{display:block;margin-bottom:var(--space-2);font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.step-widget-prompt-text{font-size:var(--font-sm);line-height:1.6;color:var(--text-secondary);font-family:ui-monospace,monospace}.step-widget-output{margin-top:var(--space-3)}.step-widget-editor{display:flex;flex-direction:column;gap:var(--space-3)}.step-widget-editor-field{display:flex;flex-direction:column;gap:var(--space-1)}.step-widget-editor-field label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.step-widget-editor-field input,.step-widget-editor-field select,.step-widget-editor-field textarea{padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--separator);border-radius:6px;color:var(--text);font-size:var(--font-sm);font-family:inherit}.step-widget-editor-field textarea{resize:vertical;min-height:80px}.step-widget-editor-helper{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:-var(--space-1)}.step-widget-editor-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-2)}.step-widget-editor-actions button{padding:var(--space-2) var(--space-4);border-radius:6px;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--motion-duration-fast)}.step-widget-editor-actions button:first-child{background:transparent;border:1px solid var(--separator);color:var(--text-secondary)}.step-widget-editor-actions button.primary{background:var(--accent);color:var(--color-black);border:none}.step-widget-editor-actions button:hover{transform:translateY(-1px)}.step-widget-validation-errors{padding:var(--space-2);background:hsla(0,100%,74%,.1);border:1px solid var(--status-critical);border-radius:6px;color:var(--status-critical);font-size:var(--font-xs)}.step-widget-validation-errors div{margin-bottom:var(--space-1)}.step-widget-validation-errors div:last-child{margin-bottom:0}.progress-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.progress-widget-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.progress-widget-stats{font-size:var(--font-sm);color:var(--text-tertiary)}.progress-widget-bar-container{height:8px;background:var(--panel);border-radius:4px;overflow:hidden;margin-bottom:var(--space-2)}.progress-widget-bar{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.progress-widget-current{font-size:var(--font-sm);color:var(--text-secondary)}.progress-widget-complete{font-size:var(--font-sm);color:var(--status-good);font-weight:500}.output-preview{margin-top:var(--space-2);border-radius:8px;overflow:hidden}.output-preview-content{background:var(--panel);border:1px solid var(--separator);border-radius:8px;overflow:hidden}.output-preview-image{max-width:100%;height:auto;display:block;border-radius:8px}.output-preview-video{width:100%;max-width:100%;border-radius:8px}.output-preview-audio{padding:var(--space-4);display:flex;justify-content:center}.output-preview-audio-player{width:100%;max-width:500px}.output-preview-fallback{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.output-preview-link{color:var(--accent);word-break:break-all}.output-preview-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--separator)}.output-preview-action{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--panel);border:1px solid var(--separator);border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:var(--font-xs);transition:all var(--motion-duration-fast)}.output-preview-action:hover{background:var(--panel-hover);border-color:var(--border-light)}.output-preview-text{padding:var(--space-3)}.output-preview-text pre{margin:0;font-size:var(--font-sm);color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.output-preview.collapsed{margin-top:0}.output-preview-compact{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;transition:all var(--motion-duration-fast)}.output-preview-compact:hover{transform:scale(1.02);box-shadow:var(--shadow-soft)}.output-preview-compact-image{display:inline-block}.output-preview-thumbnail{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid var(--separator);display:block}.output-preview-thumbnail-audio,.output-preview-thumbnail-video{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--separator);background:var(--panel);font-size:32px}.output-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--motion-duration-fast);border-radius:8px}.output-preview-compact:hover .output-preview-overlay{opacity:1}.output-preview-overlay svg{color:#fff}.output-preview-icon{font-size:24px;margin-right:var(--space-2)}.output-preview-preview-text{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.output-preview.expanded .output-preview-image{max-width:100%;height:auto;display:block}.output-preview.expanded .output-preview-video{width:100%;max-width:100%}.error-widget{border-color:var(--status-critical);background:hsla(0,100%,74%,.05)}.error-widget-content{color:var(--status-critical);font-size:var(--font-sm)}.chat-input-area{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--separator);z-index:10}.chat-input-wrapper-fixed{padding:var(--space-4);background:var(--bg)}.compact-plan-widget-sticky{padding:var(--space-3) var(--space-4) 0;background:var(--bg);border-bottom:1px solid var(--separator);display:flex;justify-content:center;position:relative;overflow:visible;contain:layout style}.compact-plan-widget{background:var(--panel-elevated);border:1px solid var(--separator);border-radius:12px;padding:var(--space-3);margin-bottom:var(--space-3);width:50%;max-width:600px;min-width:400px;position:relative;scroll-margin-top:0;scroll-margin-bottom:0;contain:layout style;scroll-behavior:auto}.compact-plan-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.compact-plan-widget-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-sm)}.compact-plan-widget-badge{background:var(--accent-light);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:var(--font-xs);font-weight:600}.compact-plan-widget-actions{display:flex;gap:var(--space-2)}.compact-plan-widget-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--separator);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--motion-duration-fast)}.compact-plan-widget-toggle:hover{background:var(--panel-hover);border-color:var(--border-light)}.compact-plan-widget-content{display:flex;flex-direction:column;gap:var(--space-2)}.compact-plan-widget-steps{display:flex;flex-direction:column;gap:var(--space-1);max-height:300px;overflow-y:auto;scroll-behavior:auto;overscroll-behavior:contain}.compact-plan-step{padding:var(--space-2);background:var(--panel);border:1px solid var(--separator);border-radius:8px;cursor:pointer;transition:background-color var(--motion-duration-fast),border-color var(--motion-duration-fast);position:relative;scroll-margin:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;contain:layout;scroll-behavior:auto}.compact-plan-step:hover{background:var(--panel-hover);border-color:var(--border-light)}.compact-plan-step.expanded{background:var(--panel-elevated);border-color:var(--accent)}.compact-plan-step-main{display:flex;align-items:center;gap:var(--space-2)}.compact-plan-step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--text);border-radius:6px;font-size:var(--font-xs);font-weight:600;flex-shrink:0}.compact-plan-step-info{flex:1 1;min-width:0}.compact-plan-step-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:2px}.compact-plan-step-title{font-weight:500;font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-plan-step-status{font-size:var(--font-base);font-weight:600;flex-shrink:0}.compact-plan-step-meta{font-size:var(--font-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-plan-step-expand{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--separator);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--motion-duration-fast);flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent}.compact-plan-step-expand:hover{background:var(--panel-hover);border-color:var(--border-light);color:var(--text)}.compact-plan-step-details{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--separator);display:flex;flex-direction:column;gap:var(--space-2)}.compact-plan-step-detail-row{display:flex;flex-direction:column;gap:var(--space-1)}.compact-plan-step-detail-row strong{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.compact-plan-step-prompt{font-size:var(--font-xs);color:var(--text-secondary);line-height:1.5;padding:var(--space-2);background:var(--panel);border-radius:6px;font-family:ui-monospace,monospace;word-break:break-word}.compact-plan-step-error{font-size:var(--font-xs);color:var(--status-critical);padding:var(--space-2);background:hsla(0,100%,74%,.1);border:1px solid var(--status-critical);border-radius:6px}.compact-plan-step-output,.compact-plan-step-value{font-size:var(--font-xs);color:var(--text-secondary);padding:var(--space-2);background:var(--panel);border-radius:6px}.compact-plan-step-value{word-break:break-word;font-family:ui-monospace,monospace;max-height:100px;overflow-y:auto}.compact-plan-step-actions{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--separator);display:flex;justify-content:flex-end}.compact-plan-step-edit-button{padding:var(--space-1) var(--space-3);background:var(--accent);color:var(--color-black);border:none;border-radius:6px;font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all var(--motion-duration-fast);outline:none;-webkit-tap-highlight-color:transparent}.compact-plan-step-edit-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.compact-step-editor{display:flex;flex-direction:column;gap:var(--space-2)}.compact-step-editor-field{display:flex;flex-direction:column;gap:var(--space-1)}.compact-step-editor-field label{font-size:var(--font-xs);font-weight:500;color:var(--text-secondary)}.compact-step-editor-field input,.compact-step-editor-field select,.compact-step-editor-field textarea{padding:var(--space-2);background:var(--panel);border:1px solid var(--separator);border-radius:6px;color:var(--text);font-size:var(--font-xs);font-family:inherit}.compact-step-editor-field textarea{resize:vertical;min-height:60px}.compact-step-editor-helper{font-size:10px;color:var(--text-tertiary);margin-top:-var(--space-1)}.compact-step-editor-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--separator)}.compact-step-editor-actions button{padding:var(--space-1) var(--space-3);border-radius:6px;font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all var(--motion-duration-fast)}.compact-step-editor-actions button:first-child{background:transparent;border:1px solid var(--separator);color:var(--text-secondary)}.compact-step-editor-actions button.primary{background:var(--accent);color:var(--color-black);border:none}.compact-step-editor-actions button:hover{transform:translateY(-1px)}.compact-plan-widget-footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--separator);display:flex;justify-content:flex-end}.compact-plan-run-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--color-black);border:none;border-radius:8px;font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:all var(--motion-duration-fast);outline:none;-webkit-tap-highlight-color:transparent}.compact-plan-run-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.compact-plan-run-button:disabled{opacity:.5;cursor:not-allowed}.chat-input-container{max-width:100%}.chat-input-attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.chat-input-attachment{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--panel-elevated);border:1px solid var(--separator);border-radius:8px;font-size:var(--font-xs)}.chat-input-attachment-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;background:var(--panel);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-input-attachment-thumb img{width:100%;height:100%;object-fit:cover}.chat-input-attachment-audio,.chat-input-attachment-video{font-size:20px}.chat-input-attachment-label{color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-input-attachment-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all var(--motion-duration-fast);flex-shrink:0}.chat-input-attachment-remove:hover{background:var(--panel-hover);color:var(--text)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--space-2);background:var(--panel-elevated);border:1px solid var(--separator);border-radius:12px;padding:var(--space-2)}.chat-input-textarea{flex:1 1;background:transparent;border:none;color:var(--text);font-size:var(--font-base);font-family:inherit;resize:none;outline:none;padding:var(--space-2);min-height:44px;max-height:200px;line-height:1.5}.chat-input-textarea::placeholder{color:var(--text-tertiary)}.chat-input-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.chat-input-send-button,.chat-input-upload-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all var(--motion-duration-fast);flex-shrink:0}.chat-input-upload-button{background:transparent;color:var(--text-secondary)}.chat-input-upload-button:hover{background:var(--panel-hover)}.chat-input-send-button{background:var(--accent);color:var(--color-black)}.chat-input-send-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.chat-input-send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.chat-messages{padding:var(--space-3)}.message-bubble{max-width:95%}.chat-input-wrapper-fixed,.widget-card{padding:var(--space-3)}}.assistant-editor-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.assistant-editor-popup{width:95vw;height:90vh;max-width:1600px;max-height:95vh;background:var(--bg);border:1px solid var(--separator);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:visible;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative}.assistant-editor-header{padding:var(--space-4)}.assistant-editor-header h2{font-size:var(--font-lg);color:var(--text)}.assistant-editor-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.assistant-editor-close:hover{background:var(--panel-hover);color:var(--text)}.assistant-editor-content{display:flex;flex:1 1;overflow-y:auto;overflow-x:hidden;min-height:0}.assistant-editor-asset-panel{width:280px;min-width:280px;flex-shrink:0;background:var(--panel-elevated);border-right:1px solid var(--separator);display:flex;flex-direction:column;overflow:hidden;visibility:visible;opacity:1;z-index:1;transition:width .2s ease,min-width .2s ease,opacity .2s ease}.assistant-editor-asset-panel-visible{display:flex!important;width:280px!important;min-width:280px!important;opacity:1!important;visibility:visible!important}.assistant-editor-asset-panel-hidden{display:none!important;width:0!important;min-width:0!important;opacity:0!important;visibility:hidden!important;border-right:none!important}.assistant-editor-asset-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--separator)}.assistant-editor-asset-panel-header h3{margin:0;font-size:var(--font-md);font-weight:600;color:var(--text)}.assistant-editor-upload-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--color-black);border:none;border-radius:var(--radius);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:background .2s}.assistant-editor-upload-button:hover{background:var(--accent-hover)}.assistant-editor-asset-list{flex:1 1;min-height:200px;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.assistant-editor-asset-empty{padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--font-sm)}.assistant-editor-asset-item{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);cursor:-webkit-grab;cursor:grab}.assistant-editor-asset-item:hover{border-color:var(--border-light)}.assistant-editor-asset-item.selected{background:var(--panel-hover);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);opacity:.8}.assistant-editor-asset-item:active{cursor:-webkit-grabbing;cursor:grabbing}.assistant-editor-asset-thumbnail{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative}.assistant-editor-asset-thumbnail img{width:100%;height:100%;object-fit:cover}.assistant-editor-asset-icon{color:var(--text-tertiary)}.assistant-editor-asset-name{font-size:var(--font-sm);color:var(--text)}.assistant-editor-asset-meta{font-size:var(--font-xs);margin-top:var(--space-1)}.assistant-editor-asset-remove{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.assistant-editor-asset-item:hover .assistant-editor-asset-remove{opacity:1}.assistant-editor-asset-remove:hover{color:var(--text);background:var(--panel-hover)}.assistant-editor-upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.assistant-editor-upload-modal{background:var(--bg);border:1px solid var(--separator);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.assistant-editor-upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--separator)}.assistant-editor-upload-modal-header h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text)}.assistant-editor-upload-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.assistant-editor-upload-modal-close:hover{background:var(--panel-hover);color:var(--text)}.assistant-editor-upload-modal-content{padding:var(--space-4);flex:1 1;overflow-y:auto}.assistant-editor-upload-options{display:flex;flex-direction:column;gap:var(--space-3)}.assistant-editor-upload-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--panel);border:2px solid var(--separator);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:center}.assistant-editor-upload-option:hover{background:var(--panel-hover);border-color:var(--accent)}.assistant-editor-upload-option span{font-size:var(--font-md);font-weight:600;color:var(--text)}.assistant-editor-upload-option p{font-size:var(--font-sm);color:var(--text-tertiary);margin:0}.assistant-editor-upload-file-label{display:block;cursor:pointer}.assistant-editor-upload-file-input{display:none}.assistant-editor-upload-file-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);border:2px dashed var(--separator);border-radius:var(--radius-lg);background:var(--panel);transition:all .2s}.assistant-editor-upload-file-area:hover{border-color:var(--accent);background:var(--panel-hover)}.assistant-editor-upload-file-hint{font-size:var(--font-xs);color:var(--text-tertiary)}.assistant-editor-task-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.assistant-editor-task-selector{background:var(--bg);border:1px solid var(--separator);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.assistant-editor-task-selector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--separator)}.assistant-editor-task-selector-header h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text)}.assistant-editor-task-selector-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.assistant-editor-task-selector-close:hover{background:var(--panel-hover);color:var(--text)}.assistant-editor-task-selector-content{flex:1 1;overflow-y:auto;padding:var(--space-4)}.assistant-editor-task-selector-empty,.assistant-editor-task-selector-loading{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.assistant-editor-task-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.assistant-editor-task-item{position:relative;display:flex;flex-direction:column;padding:var(--space-3);background:var(--panel);border:2px solid var(--separator);border-radius:var(--radius);cursor:pointer;transition:all .2s}.assistant-editor-task-item:hover{background:var(--panel-hover);border-color:var(--border-light)}.assistant-editor-task-item.selected{border-color:var(--accent);background:var(--panel-hover)}.assistant-editor-task-thumbnail{width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.assistant-editor-task-thumbnail img{width:100%;height:100%;object-fit:cover}.assistant-editor-task-icon{font-size:24px}.assistant-editor-task-info{display:flex;flex-direction:column;gap:var(--space-1)}.assistant-editor-task-id{font-size:var(--font-xs);font-weight:500;color:var(--text)}.assistant-editor-task-type{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:capitalize}.assistant-editor-task-check{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;background:var(--accent);color:var(--color-black);border-radius:50%;display:flex;align-items:center;justify-content:center}.assistant-editor-task-selector-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--separator)}.assistant-editor-task-selector-cancel,.assistant-editor-task-selector-confirm{padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--font-sm);font-weight:500;cursor:pointer;border:none;transition:all .2s}.assistant-editor-task-selector-cancel{background:transparent;color:var(--text-secondary)}.assistant-editor-task-selector-cancel:hover{background:var(--panel-hover);color:var(--text)}.assistant-editor-task-selector-confirm{background:var(--accent);color:var(--color-black)}.assistant-editor-task-selector-confirm:hover:not(:disabled){background:var(--accent-hover)}.assistant-editor-task-selector-confirm:disabled{opacity:.5;cursor:not-allowed}.assistant-editor-main{flex-direction:column;min-height:0;overflow:visible}.assistant-editor-preview-container{position:relative;flex:0 0 auto;display:flex;flex-direction:column;min-height:0;max-height:60vh}.assistant-editor-preview-panel{min-height:400px;max-height:60vh}.assistant-editor-preview-empty{padding:var(--space-6)}.assistant-editor-preview-hint{font-size:var(--font-sm);margin-top:var(--space-2)}.assistant-editor-preview-content{width:100%;height:100%}.assistant-editor-preview-image img{max-width:100%;max-height:100%;object-fit:contain}.assistant-editor-preview-audio{width:100%;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.assistant-editor-preview-audio-info{text-align:center;color:var(--text-secondary);font-size:var(--font-sm)}.assistant-editor-preview-text{padding:var(--space-4);max-width:800px;max-height:100%;overflow-y:auto}.assistant-editor-preview-text pre{margin:0;white-space:pre-wrap;word-wrap:break-word;color:var(--text);font-size:var(--font-sm)}.assistant-editor-controls{padding:var(--space-4);flex-direction:column;gap:var(--space-3)}.assistant-editor-controls-main{display:flex;align-items:center;gap:var(--space-3)}.assistant-editor-control-button{background:var(--panel);border:1px solid var(--separator);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--font-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .2s}.assistant-editor-control-button:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-light)}.assistant-editor-control-button:disabled{opacity:.5;cursor:not-allowed}.assistant-editor-control-play{background:var(--accent);color:var(--color-black);border-color:var(--accent);padding:var(--space-3)}.assistant-editor-control-play:hover:not(:disabled){background:var(--accent-hover)}.assistant-editor-control-time{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.assistant-editor-controls-seek{flex:1 1}.assistant-editor-control-seek-slider{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.assistant-editor-control-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.assistant-editor-control-seek-slider::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.assistant-editor-controls-secondary{display:flex;align-items:center;gap:var(--space-2)}.assistant-editor-control-export{margin-left:auto}.assistant-editor-timeline{flex:0 0 auto;min-height:220px;max-height:40vh;background:var(--panel-elevated);border-top:1px solid var(--separator);display:flex;flex-direction:column;overflow:hidden}.assistant-editor-timeline-container{flex:0 0 280px;min-height:280px;max-height:280px;display:flex;flex-direction:column;border-top:2px solid var(--separator);background:var(--panel);overflow:hidden;flex-shrink:0;z-index:10}.assistant-editor-timeline-controls{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--panel);border-bottom:1px solid var(--separator)}.assistant-editor-timeline-zoom{background:transparent;border:1px solid var(--separator);color:var(--text);padding:var(--space-1) var(--space-2);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center}.assistant-editor-timeline-zoom:hover{background:var(--panel-hover);border-color:var(--border-light)}.assistant-editor-timeline-zoom-level{font-size:var(--font-xs);color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.assistant-editor-timeline-body{flex:1 1;display:flex;overflow:hidden}.assistant-editor-timeline-label-column{width:120px;background:var(--panel);border-right:1px solid var(--separator);display:flex;flex-direction:column}.assistant-editor-timeline-label-spacer{height:30px;border-bottom:1px solid var(--separator)}.assistant-editor-timeline-track-label{height:95px;padding:var(--space-3);border-bottom:1px solid var(--separator);font-size:var(--font-sm);font-weight:500;color:var(--text);display:flex;align-items:center}.assistant-editor-timeline-scroll{flex:1 1;overflow-x:auto;overflow-y:hidden;cursor:crosshair;background:var(--panel-elevated)}.assistant-editor-timeline-scroll::-webkit-scrollbar{height:8px}.assistant-editor-timeline-scroll::-webkit-scrollbar-track{background:transparent}.assistant-editor-timeline-scroll::-webkit-scrollbar-thumb{background:var(--panel);border-radius:var(--radius)}.assistant-editor-timeline-content{position:relative;min-height:190px;padding-top:30px}.assistant-editor-timeline-ruler{position:absolute;top:0;left:0;height:30px;width:100%;background:var(--panel);border-bottom:1px solid var(--separator);z-index:10}.assistant-editor-timeline-ruler-mark{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center}.assistant-editor-timeline-ruler-line{width:1px;height:20px;background:var(--separator);margin-top:5px}.assistant-editor-timeline-ruler-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.assistant-editor-timeline-playhead{position:absolute;top:30px;bottom:0;width:2px;background:var(--accent);z-index:20;pointer-events:none}.assistant-editor-timeline-playhead:before{content:"";position:absolute;top:-5px;left:-4px;width:10px;height:10px;background:var(--accent);border-radius:50%}.assistant-editor-timeline-track{position:relative;height:95px;border-bottom:1px solid var(--separator);display:block}.assistant-editor-timeline-track.drag-over{background:var(--accent-light);border-color:var(--accent)}.assistant-editor-timeline-track-content{width:100%}.assistant-editor-timeline-clip{position:absolute;top:var(--space-2);bottom:var(--space-2);min-width:40px;border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.2);cursor:move;display:flex;align-items:center;overflow:hidden;transition:box-shadow .2s}.assistant-editor-timeline-clip:hover{box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:15}.assistant-editor-timeline-clip.selected{border-color:var(--accent);border-width:2px;box-shadow:0 0 0 2px var(--accent);z-index:16}.assistant-editor-timeline-clip-content{flex:1 1;padding:var(--space-2);min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}.assistant-editor-timeline-clip-thumbnail{width:100%;height:100%;overflow:hidden;border-radius:var(--radius)}.assistant-editor-timeline-clip-thumbnail img{width:100%;height:100%;object-fit:cover}.assistant-editor-timeline-clip-name{font-size:var(--font-xs);font-weight:500;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-editor-timeline-clip-time{font-size:var(--font-xs);color:rgba(0,0,0,.7);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.assistant-editor-timeline-clip-resize-handle{width:8px;height:100%;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;cursor:ew-resize;flex-shrink:0;opacity:0;transition:opacity .2s}.assistant-editor-timeline-clip:hover .assistant-editor-timeline-clip-resize-handle{opacity:1}.assistant-editor-timeline-clip-resize-handle.left{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.assistant-editor-timeline-clip-resize-handle.right{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.assistant-editor-timeline-clip-resize-handle:hover{background:rgba(0,0,0,.4)}.assistant-editor-timeline-clip-context-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:30}.assistant-editor-timeline-clip-context-menu{position:fixed;background:var(--panel-elevated);border:1px solid var(--separator);border-radius:var(--radius);padding:var(--space-1);z-index:31;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.assistant-editor-timeline-clip-menu-item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text);font-size:var(--font-sm);text-align:left;cursor:pointer;border-radius:var(--radius);transition:background .2s}.assistant-editor-timeline-clip-menu-item:hover{background:var(--panel-hover)}.assistant-editor-open-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--color-black);border:none;border-radius:var(--radius);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:background .2s}.assistant-editor-open-button:hover{background:var(--accent-hover)}.assistant-editor-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--panel-elevated);border-bottom:1px solid var(--separator)}.assistant-editor-toolbar-section{display:flex;gap:var(--space-2)}.assistant-editor-toolbar-divider{width:1px;height:24px;background:var(--separator)}.assistant-editor-toolbar-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--panel);border:1px solid var(--separator);color:var(--text);cursor:pointer;transition:all .2s}.assistant-editor-toolbar-button:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-light)}.assistant-editor-toolbar-button:disabled{opacity:.4;cursor:not-allowed}.assistant-editor-toolbar-button.active{background:var(--accent);color:var(--color-black);border-color:var(--accent)}.assistant-editor-inspector-panel{width:300px;background:var(--panel-elevated);border-left:1px solid var(--separator);display:flex;flex-direction:column;overflow:hidden}.assistant-editor-inspector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--separator)}.assistant-editor-inspector-header h3{margin:0;font-size:var(--font-md);font-weight:600}.assistant-editor-inspector-clip-type{font-size:var(--font-xs);color:var(--text-tertiary);padding:2px 6px;background:var(--panel);border:1px solid var(--separator)}.assistant-editor-inspector-tabs{display:flex;border-bottom:1px solid var(--separator)}.assistant-editor-inspector-tab{flex:1 1;padding:var(--space-3);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--font-sm);transition:all .2s}.assistant-editor-inspector-tab:hover{color:var(--text);background:var(--panel-hover)}.assistant-editor-inspector-tab.active{color:var(--text);border-bottom-color:var(--accent)}.assistant-editor-inspector-content{flex:1 1;overflow-y:auto;padding:var(--space-4)}.assistant-editor-inspector-section{margin-bottom:var(--space-6)}.assistant-editor-inspector-section h4{margin:0 0 var(--space-3) 0;font-size:var(--font-sm);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.assistant-editor-inspector-property{margin-bottom:var(--space-3)}.assistant-editor-inspector-property label{display:block;font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.assistant-editor-inspector-input,.assistant-editor-inspector-select{width:100%;padding:var(--space-2);background:var(--panel);border:1px solid var(--separator);color:var(--text);font-size:var(--font-sm)}.assistant-editor-inspector-slider{width:100%;height:4px;background:var(--panel);cursor:pointer}.assistant-editor-inspector-color{width:100%;height:36px;cursor:pointer}.assistant-editor-inspector-empty{text-align:center;color:var(--text-tertiary);padding:var(--space-6)}.assistant-editor-inspector-hint{font-size:var(--font-sm);margin-top:var(--space-2)}.assistant-editor-keyframe-panel{position:absolute;bottom:0;left:0;right:0;height:250px;background:var(--panel-elevated);border-top:1px solid var(--separator);display:flex;flex-direction:column;z-index:10}.assistant-editor-keyframe-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--separator)}.assistant-editor-keyframe-header h3{margin:0;font-size:var(--font-md);font-weight:600}.assistant-editor-keyframe-preset-btn{padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--separator);color:var(--text);cursor:pointer;font-size:var(--font-sm);transition:all .2s}.assistant-editor-keyframe-preset-btn:hover{background:var(--panel-hover)}.assistant-editor-keyframe-property-selector{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--separator);overflow-x:auto}.assistant-editor-keyframe-property-btn{padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--separator);color:var(--text-secondary);cursor:pointer;font-size:var(--font-xs);white-space:nowrap;transition:all .2s}.assistant-editor-keyframe-property-btn:hover{background:var(--panel-hover);color:var(--text)}.assistant-editor-keyframe-property-btn.active{background:var(--accent);color:var(--color-black);border-color:var(--accent)}.assistant-editor-keyframe-list{flex:1 1;overflow-y:auto;padding:var(--space-4)}.assistant-editor-keyframe-list-header{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--separator)}.assistant-editor-keyframe-item,.assistant-editor-keyframe-list-header{display:grid;grid-template-columns:1fr 1fr 1fr auto;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-2)}.assistant-editor-keyframe-item{background:var(--panel);border:1px solid var(--separator)}.assistant-editor-keyframe-input,.assistant-editor-keyframe-select{padding:var(--space-1) var(--space-2);background:var(--panel-elevated);border:1px solid var(--separator);color:var(--text);font-size:var(--font-sm)}.assistant-editor-keyframe-actions{display:flex;gap:var(--space-1)}.assistant-editor-keyframe-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--panel-elevated);border:1px solid var(--separator);color:var(--text);cursor:pointer;transition:all .2s}.assistant-editor-keyframe-action-btn:hover{background:var(--panel-hover)}.assistant-editor-keyframe-action-btn.delete:hover{background:var(--error);color:var(--color-white)}.assistant-editor-keyframe-add-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--color-black);border:none;cursor:pointer;font-size:var(--font-sm);font-weight:500;transition:all .2s;width:100%;justify-content:center}.assistant-editor-keyframe-add-btn:hover{background:var(--accent-hover)}.assistant-editor-keyframe-empty-list{text-align:center;padding:var(--space-6);color:var(--text-tertiary)}.assistant-editor-keyframe-presets-overlay{position:fixed;inset:0;background:transparent;z-index:20}.assistant-editor-keyframe-presets-menu{position:absolute;top:50px;right:20px;background:var(--panel);border:1px solid var(--separator);box-shadow:var(--shadow-hard);padding:var(--space-3);min-width:200px;z-index:21}.assistant-editor-keyframe-presets-menu h4{margin:0 0 var(--space-2) 0;font-size:var(--font-sm);font-weight:600}.assistant-editor-keyframe-preset-item{display:block;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text);text-align:left;cursor:pointer;font-size:var(--font-sm);transition:background .2s}.assistant-editor-keyframe-preset-item:hover{background:var(--panel-hover)}.assistant-editor-text-panel{background:var(--panel);border:1px solid var(--separator);box-shadow:var(--shadow-hard);width:min(500px,90vw);max-height:80vh;display:flex;flex-direction:column}.assistant-editor-text-panel-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--separator)}.assistant-editor-text-panel-header h3{margin:0;font-size:var(--font-md);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.assistant-editor-text-panel-content{flex:1 1;overflow-y:auto;padding:var(--space-4)}.assistant-editor-text-panel-section{margin-bottom:var(--space-4)}.assistant-editor-text-panel-section label{display:block;font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.assistant-editor-text-panel-input,.assistant-editor-text-panel-select,.assistant-editor-text-panel-textarea{width:100%;padding:var(--space-2);background:var(--panel-elevated);border:1px solid var(--separator);color:var(--text);font-size:var(--font-sm)}.assistant-editor-text-panel-textarea{resize:vertical;min-height:80px}.assistant-editor-text-panel-input-group{display:flex;gap:var(--space-2);align-items:center}.assistant-editor-text-panel-slider{flex:1 1}.assistant-editor-text-panel-number{width:80px}.assistant-editor-text-panel-color-input{display:flex;gap:var(--space-2)}.assistant-editor-text-panel-color-picker{width:50px;height:36px;cursor:pointer;border:1px solid var(--separator)}.assistant-editor-text-panel-text{flex:1 1}.assistant-editor-text-panel-align-buttons{display:flex;gap:var(--space-1)}.assistant-editor-text-panel-align-btn{flex:1 1;padding:var(--space-2);background:var(--panel-elevated);border:1px solid var(--separator);color:var(--text);cursor:pointer;font-size:var(--font-sm);transition:all .2s}.assistant-editor-text-panel-align-btn:hover{background:var(--panel-hover)}.assistant-editor-text-panel-align-btn.active{background:var(--accent);color:var(--color-black);border-color:var(--accent)}.assistant-editor-text-panel-preview{padding:var(--space-4);background:var(--panel-elevated);border:1px solid var(--separator);min-height:80px;display:flex;align-items:center;justify-content:center}.assistant-editor-text-panel-actions{display:flex;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--separator);justify-content:flex-end}.assistant-editor-text-panel-button{padding:var(--space-2) var(--space-4);border:none;cursor:pointer;font-size:var(--font-sm);font-weight:500;transition:all .2s;display:flex;align-items:center;gap:var(--space-2)}.assistant-editor-text-panel-button.primary{background:var(--accent);color:var(--color-black)}.assistant-editor-text-panel-button.secondary{background:var(--panel);color:var(--text);border:1px solid var(--separator)}.assistant-editor-text-panel-button:hover{opacity:.9}.assistant-editor-text-panel-overlay{background:rgba(0,0,0,.7);z-index:100}.assistant-editor-shortcuts-overlay,.assistant-editor-text-panel-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.assistant-editor-shortcuts-overlay{background:rgba(0,0,0,.8);z-index:1001}.assistant-editor-shortcuts-panel{width:min(700px,90vw);max-height:80vh;background:var(--panel);border:1px solid var(--separator);box-shadow:var(--shadow-hard);display:flex;flex-direction:column}.assistant-editor-shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--separator)}.assistant-editor-shortcuts-header h2{margin:0;font-size:var(--font-lg);font-weight:600}.assistant-editor-shortcuts-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;transition:all .2s}.assistant-editor-shortcuts-close:hover{background:var(--panel-hover);color:var(--text)}.assistant-editor-shortcuts-content{flex:1 1;overflow-y:auto;padding:var(--space-4)}.assistant-editor-shortcuts-section{margin-bottom:var(--space-6)}.assistant-editor-shortcuts-section h3{margin:0 0 var(--space-3) 0;font-size:var(--font-md);font-weight:600;color:var(--text)}.assistant-editor-shortcuts-list{display:flex;flex-direction:column;gap:var(--space-2)}.assistant-editor-shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--panel-elevated);border:1px solid var(--separator)}.assistant-editor-shortcut-keys{display:flex;gap:var(--space-1)}.assistant-editor-shortcut-key{padding:4px 8px;background:var(--panel);border:1px solid var(--separator);color:var(--text);font-size:var(--font-xs);font-family:monospace}.assistant-editor-shortcut-description{color:var(--text-secondary);font-size:var(--font-sm)}.assistant-editor-sequence-manager{background:var(--panel-elevated);border-right:1px solid var(--separator);width:250px;display:flex;flex-direction:column}.assistant-editor-sequence-manager-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--separator)}.assistant-editor-sequence-manager-header h3{margin:0;font-size:var(--font-md);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.assistant-editor-sequence-manager-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);color:var(--color-black);border:none;cursor:pointer;transition:all .2s}.assistant-editor-sequence-manager-add-btn:hover{background:var(--accent-hover)}.assistant-editor-sequence-manager-list{flex:1 1;overflow-y:auto;padding:var(--space-2)}.assistant-editor-sequence-manager-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--separator);margin-bottom:var(--space-2);transition:all .2s}.assistant-editor-sequence-manager-item.active{background:var(--accent-light);border-color:var(--accent)}.assistant-editor-sequence-manager-name{flex:1 1;text-align:left;background:none;border:none;color:var(--text);cursor:pointer;padding:0;font-size:var(--font-sm)}.assistant-editor-sequence-manager-info{display:block;font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.assistant-editor-sequence-manager-actions{display:flex;gap:var(--space-1)}.assistant-editor-sequence-manager-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--panel-elevated);border:1px solid var(--separator);color:var(--text);cursor:pointer;transition:all .2s}.assistant-editor-sequence-manager-action-btn:hover{background:var(--panel-hover)}.assistant-editor-sequence-manager-action-btn.delete:hover{background:var(--error);color:var(--color-white)}.assistant-editor-sequence-manager-input{width:100%;padding:var(--space-2);background:var(--panel-elevated);border:1px solid var(--separator);color:var(--text);font-size:var(--font-sm)}.assistant-editor-timeline-track-wrapper{border-bottom:1px solid var(--separator);position:relative}.assistant-editor-timeline-track-wrapper.locked{opacity:.6}.assistant-editor-timeline-track-wrapper.hidden{opacity:.3}.assistant-editor-timeline-track-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--panel-elevated);border-left:3px solid var(--accent)}.assistant-editor-timeline-track-info{display:flex;align-items:center;gap:var(--space-2);flex:1 1}.assistant-editor-timeline-track-icon{font-size:14px}.assistant-editor-timeline-track-name{background:transparent;border:none;color:var(--text);font-size:var(--font-sm);padding:2px 4px;flex:1 1}.assistant-editor-timeline-track-controls{display:flex;gap:var(--space-1)}.assistant-editor-timeline-track-control-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--panel);border:1px solid var(--separator);color:var(--text-secondary);cursor:pointer;transition:all .2s}.assistant-editor-timeline-track-control-btn:hover{background:var(--panel-hover);color:var(--text)}.assistant-editor-timeline-track-control-btn.delete:hover{background:var(--error);color:var(--color-white)}.assistant-editor-timeline-track-resize-handle{position:absolute;bottom:-2px;left:0;right:0;height:4px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.assistant-editor-timeline-track-wrapper:hover .assistant-editor-timeline-track-resize-handle{opacity:1}.assistant-editor-timeline-track-content{position:relative;height:100%;background:var(--bg)}.assistant-editor-timeline-track-content.locked{cursor:not-allowed}.assistant-editor-timeline-track-content.drag-over{background:var(--accent-light)}.assistant-editor-timeline-track-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--font-xs);pointer-events:none}.assistant-editor-export-progress{padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--color-black);font-size:var(--font-sm);font-weight:500}.assistant-editor-header-left,.assistant-editor-header-right{display:flex;align-items:center;gap:var(--space-3)}.assistant-editor-header-sequence{font-size:var(--font-sm);color:var(--text-tertiary);padding-left:var(--space-3);border-left:1px solid var(--separator)}.assistant-editor-preview-panel{flex:1 1;background:var(--bg-secondary);display:flex;flex-direction:column;position:relative;overflow:hidden}.assistant-editor-preview-controls{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1);gap:12px}.assistant-editor-preview-aspect-buttons{display:flex;gap:6px}.assistant-editor-preview-aspect-btn{padding:6px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:50px}.assistant-editor-preview-aspect-btn:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.assistant-editor-preview-aspect-btn.active{background:#06f;border-color:#06f}.assistant-editor-preview-fullscreen-btn{padding:6px 10px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.assistant-editor-preview-fullscreen-btn:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.assistant-editor-preview-canvas-container{flex:1 1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.assistant-editor-preview-canvas{max-width:100%;max-height:100%;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.5);cursor:pointer;image-rendering:crisp-edges}.assistant-editor-preview-selected-info{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(0,102,255,.2);border-top:1px solid rgba(0,102,255,.4);color:#fff;font-size:12px}.assistant-editor-preview-deselect-btn{padding:4px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:11px;cursor:pointer;transition:all .2s}.assistant-editor-preview-deselect-btn:hover{background:hsla(0,0%,100%,.15)}.assistant-editor-transform-controls{position:absolute;top:60px;right:20px;background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;min-width:260px}.assistant-editor-transform-controls h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:8px}.assistant-editor-transform-property{margin-bottom:12px}.assistant-editor-transform-property label{display:block;font-size:11px;color:hsla(0,0%,100%,.7);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.assistant-editor-transform-input-group{display:flex;gap:8px;align-items:center}.assistant-editor-transform-input{flex:1 1;padding:6px 8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.assistant-editor-transform-input:focus{outline:none;border-color:#06f;background:hsla(0,0%,100%,.15)}.assistant-editor-transform-slider{flex:1 1;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.assistant-editor-transform-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#06f;cursor:pointer}.assistant-editor-transform-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#06f;cursor:pointer;border:none}.assistant-editor-transform-number{width:70px;padding:6px 8px;font-size:13px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.assistant-editor-transform-number,.assistant-editor-transform-reset-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff}.assistant-editor-transform-reset-btn{width:100%;padding:8px;margin-top:12px;font-size:12px;cursor:pointer;transition:all .2s}.assistant-editor-transform-reset-btn:hover{background:hsla(0,0%,100%,.15)}:root{--background:#fafafa;--background-light:#fff;--background-dark:#f2f2f2;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#595959;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e5e5e5;--input:#e5e5e5;--ring:#0a0a0a;--radius:0.3rem}@keyframes timeline-focus-ring{0%{opacity:0;transform:scale(.94)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.timeline-focus-ring{animation:timeline-focus-ring .75s ease-out}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-visible::-webkit-scrollbar{height:10px;display:block}.scrollbar-visible::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2);border-radius:4px}.scrollbar-visible::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:4px}.scrollbar-visible::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.5)}.assistant-editor-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.assistant-editor-container{width:95vw;height:90vh;max-width:1600px;background:var(--bg);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.assistant-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--separator);background:var(--panel-elevated)}.assistant-editor-header h2{margin:0;font-size:18px;font-weight:600}.assistant-editor-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text);cursor:pointer;transition:background .2s}.assistant-editor-close-btn:hover{background:var(--panel-hover)}.assistant-editor-main{flex:1 1;display:flex;overflow:hidden}.assistant-editor-assets{width:280px;border-right:1px solid var(--separator);background:var(--panel-elevated);display:flex;flex-direction:column}.assistant-editor-assets-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--separator)}.assistant-editor-assets-header h3{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.assistant-editor-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--accent);color:var(--color-black);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s}.assistant-editor-upload-btn:hover{opacity:.9}.assistant-editor-assets-list{flex:1 1;overflow-y:auto;padding:12px}.assistant-editor-assets-empty{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.assistant-editor-asset-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--panel);border:1px solid var(--separator);border-radius:8px;margin-bottom:8px;cursor:move;transition:all .2s}.assistant-editor-asset-item:hover{background:var(--panel-hover);border-color:var(--accent)}.assistant-editor-asset-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--panel-elevated);border-radius:6px;color:var(--accent)}.assistant-editor-asset-info{flex:1 1;min-width:0}.assistant-editor-asset-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-editor-asset-meta{font-size:11px;color:var(--text-tertiary);margin-top:2px}.assistant-editor-preview{flex:1 1}.assistant-editor-preview-content{flex:1 1;display:flex;align-items:center;justify-content:center;background:#000;padding:20px}.assistant-editor-video-preview{max-width:100%;max-height:100%;border-radius:8px}.assistant-editor-preview-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-tertiary);text-align:center}.assistant-editor-controls{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--separator);border-bottom:1px solid var(--separator);background:var(--panel-elevated)}.assistant-editor-control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--separator);background:var(--panel);color:var(--text);cursor:pointer;transition:all .2s}.assistant-editor-control-btn:hover{background:var(--panel-hover);border-color:var(--border-light)}.assistant-editor-control-btn.primary{background:var(--accent);color:var(--color-black);border-color:var(--accent)}.assistant-editor-control-btn.primary:hover{opacity:.9}.assistant-editor-timecode{display:flex;align-items:center;gap:8px;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:monospace;margin-left:auto}.assistant-editor-timeline-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--separator);background:var(--panel-elevated);font-size:13px;font-weight:600}.assistant-editor-timeline{flex:1 1;position:relative;overflow-x:auto;overflow-y:hidden;background:repeating-linear-gradient(90deg,transparent,transparent 49px,var(--separator) 49px,var(--separator) 50px);cursor:crosshair}.assistant-editor-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);z-index:100;pointer-events:none}.assistant-editor-playhead:before{content:"";position:absolute;top:0;left:-6px;width:14px;height:14px;background:var(--accent);border-radius:50%}.assistant-editor-clip{position:absolute;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid hsla(0,0%,100%,.1);border-radius:6px;cursor:move;display:flex;align-items:center;padding:0 12px;transition:transform .1s;overflow:hidden}.assistant-editor-clip:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10}.assistant-editor-clip.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(102,126,234,.3)}.assistant-editor-clip-content{display:flex;align-items:center;justify-content:space-between;width:100%}.assistant-editor-clip-name{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-editor-clip-remove{width:20px;height:20px;border-radius:4px;border:none;background:rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:background .2s}.assistant-editor-clip-remove:hover{background:rgba(255,0,0,.8)}.assistant-editor-content-wrapper{flex:1 1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.assistant-editor-scrollable-area{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0}.assistant-editor-preview{flex:0 0 auto;min-height:300px;max-height:50vh;display:flex;flex-direction:column}.ugc-app{display:flex;height:100vh;background:linear-gradient(145deg,#0a0a0f,#0d0d14 50%,#0a0a12);color:#e8e8ed;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Inter,sans-serif}.ugc-main{flex:1 1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%}.ugc-header{padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.06);background:hsla(0,0%,100%,.02);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ugc-header-content{justify-content:space-between;max-width:850px;margin:0 auto}.ugc-header-content,.ugc-logo{display:flex;align-items:center}.ugc-logo{gap:10px;font-size:18px;font-weight:600;letter-spacing:-.02em}.ugc-logo-icon{color:#a78bfa}.ugc-phase-indicator{flex:1 1;max-width:500px;margin-left:40px}.ugc-phase-progress{display:flex;align-items:center;gap:4px}.ugc-phase-step{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:500;color:hsla(0,0%,100%,.4);transition:all .3s ease}.ugc-phase-step.active{background:rgba(167,139,250,.15);color:#a78bfa}.ugc-phase-step.complete{color:#10b981}.ugc-phase-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background:hsla(0,0%,100%,.06);transition:all .3s ease}.ugc-phase-step.active .ugc-phase-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.ugc-phase-step.complete .ugc-phase-icon{background:#10b981;color:#fff}.ugc-phase-label{display:none}@media (min-width:768px){.ugc-phase-label{display:inline}}.ugc-phase-arrow{color:hsla(0,0%,100%,.15);margin:0 2px}.ugc-messages{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.ugc-message{display:flex;gap:12px;animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ugc-message.user{flex-direction:row-reverse}.ugc-message-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ugc-message-content{max-width:75%;padding:14px 18px;border-radius:18px;font-size:15px;line-height:1.6}.ugc-message.assistant .ugc-message-content{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.06);border-radius:18px 18px 18px 4px}.ugc-message.user .ugc-message-content{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:18px 18px 4px 18px}.ugc-message-content p{margin:0}.ugc-message-content strong{color:#a78bfa}.ugc-message.user .ugc-message-content strong{color:inherit;font-weight:600}.ugc-attachment{margin-top:12px;border-radius:12px;overflow:hidden;max-width:300px}.ugc-attachment img,.ugc-attachment video{width:100%;display:block}.ugc-loading{display:flex;align-items:center;gap:10px;padding:14px 18px;color:hsla(0,0%,100%,.6);font-size:14px}.ugc-spinner{animation:spin 1s linear infinite}.ugc-creators-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:8px 0;animation:fadeSlideIn .4s ease}.ugc-creator-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;overflow:hidden;transition:all .3s ease}.ugc-creator-card:hover{border-color:rgba(167,139,250,.3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.ugc-creator-card.selected{border-color:#a78bfa;box-shadow:0 0 0 2px rgba(167,139,250,.2)}.ugc-creator-card.loading{opacity:.8}.ugc-creator-image{position:relative;aspect-ratio:9/12;background:rgba(0,0,0,.3);overflow:hidden;cursor:pointer}.ugc-creator-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ugc-creator-card:hover .ugc-creator-image img{transform:scale(1.05)}.ugc-creator-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.ugc-creator-image:hover .ugc-creator-overlay{opacity:1}.ugc-creator-error,.ugc-creator-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:hsla(0,0%,100%,.5)}.ugc-creator-error{color:#f87171}.ugc-creator-info{padding:12px 14px}.ugc-creator-info h4{margin:0 0 4px;font-size:14px;font-weight:600}.ugc-creator-info p{margin:0;font-size:12px;color:hsla(0,0%,100%,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ugc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.ugc-btn:disabled{opacity:.5;cursor:not-allowed}.ugc-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ugc-btn-primary:hover:not(:disabled){box-shadow:0 4px 20px rgba(99,102,241,.4);transform:translateY(-1px)}.ugc-btn-secondary{background:hsla(0,0%,100%,.06);color:#e8e8ed;border:1px solid hsla(0,0%,100%,.1)}.ugc-btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.1)}.ugc-btn-select{width:100%;margin:0 14px 14px;background:rgba(167,139,250,.1);color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.ugc-btn-select:hover:not(:disabled){background:rgba(167,139,250,.2)}.ugc-btn-selected{width:100%;margin:0 14px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ugc-btn-large{padding:14px 28px;font-size:16px}.ugc-storyboard-preview{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:20px;animation:fadeSlideIn .4s ease}.ugc-storyboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ugc-storyboard-header h3{margin:0;font-size:16px;font-weight:600}.ugc-scenes-mini{display:flex;gap:12px;flex-wrap:wrap}.ugc-scene-mini{position:relative;width:80px;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.3)}.ugc-scene-mini img{width:100%;height:100%;object-fit:cover}.ugc-scene-badge{position:absolute;bottom:6px;left:6px;right:6px;padding:4px 6px;background:rgba(0,0,0,.7);border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;text-align:center;color:hsla(0,0%,100%,.8)}.ugc-scene-image{width:100%;height:100%}.ugc-scene-image,.ugc-scene-more{display:flex;align-items:center;justify-content:center}.ugc-scene-more{width:80px;aspect-ratio:9/16;border-radius:10px;background:hsla(0,0%,100%,.05);font-size:14px;color:hsla(0,0%,100%,.5)}.ugc-production-progress{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:20px;animation:fadeSlideIn .4s ease}.ugc-production-progress h3{margin:0 0 16px;font-size:16px;font-weight:600}.ugc-clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.ugc-clip-card{background:rgba(0,0,0,.3);border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.06)}.ugc-clip-preview{aspect-ratio:9/16;position:relative;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4)}.ugc-clip-preview img,.ugc-clip-preview video{width:100%;height:100%;object-fit:cover}.ugc-clip-loading{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:hsla(0,0%,100%,.5)}.ugc-clip-info{display:flex;justify-content:space-between;padding:10px 12px;font-size:12px}.ugc-clip-beat{text-transform:uppercase;font-weight:600;color:#a78bfa}.ugc-clip-duration{color:hsla(0,0%,100%,.5)}.ugc-final-video{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:24px;text-align:center;animation:fadeSlideIn .4s ease}.ugc-final-video h3{margin:0 0 20px;font-size:20px;font-weight:600}.ugc-video-player{width:100%;max-width:400px;border-radius:16px;margin-bottom:20px}.ugc-video-actions{display:flex;gap:12px;justify-content:center}.ugc-input-area{padding:16px 24px 24px;border-top:1px solid hsla(0,0%,100%,.06);background:hsla(0,0%,100%,.02)}.ugc-attachments-preview{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ugc-attachment-thumb{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.ugc-attachment-thumb img{width:100%;height:100%;object-fit:cover}.ugc-attachment-thumb button{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:9px;background:rgba(0,0,0,.7);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.ugc-input-row{display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:6px 6px 6px 16px;transition:all .3s ease}.ugc-input-row:focus-within{border-color:rgba(167,139,250,.4);box-shadow:0 0 0 3px rgba(167,139,250,.1)}.ugc-attach-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s ease}.ugc-attach-btn:hover{color:#a78bfa;background:rgba(167,139,250,.1)}.ugc-input{flex:1 1;background:transparent;border:none;outline:none;font-size:15px;color:#e8e8ed;padding:10px 0}.ugc-input::placeholder{color:hsla(0,0%,100%,.35)}.ugc-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;transition:all .2s ease}.ugc-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 20px rgba(99,102,241,.4)}.ugc-send-btn:disabled{opacity:.4;cursor:not-allowed}.ugc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:24px;animation:fadeIn .2s ease}.ugc-modal-close,.ugc-modal-overlay{display:flex;align-items:center;justify-content:center}.ugc-modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:12px;border:none;background:hsla(0,0%,100%,.1);color:#fff;cursor:pointer;transition:all .2s ease}.ugc-modal-close:hover{background:hsla(0,0%,100%,.2)}.ugc-preview-modal{position:relative;max-width:90vw;max-height:90vh;border-radius:16px;overflow:hidden}.ugc-preview-modal img{max-width:90vw;max-height:90vh;object-fit:contain}.ugc-preview-loading{width:300px;height:400px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.5)}.ugc-storyboard-modal{width:90vw;max-width:1000px;max-height:90vh;background:#0d0d14;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ugc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.02)}.ugc-modal-header h2{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.ugc-modal-header h2 svg{color:#a78bfa}.ugc-modal-header .ugc-modal-close{position:static;width:36px;height:36px}.ugc-modal-body{flex:1 1;overflow-y:auto;padding:24px}.ugc-storyboard-scene{display:flex;gap:16px;padding:16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;margin-bottom:16px;transition:all .2s ease}.ugc-storyboard-scene:hover{border-color:hsla(0,0%,100%,.12)}.ugc-scene-number{width:32px;height:32px;background:rgba(167,139,250,.15);color:#a78bfa;font-weight:600;font-size:14px}.ugc-scene-number,.ugc-scene-preview{border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ugc-scene-preview{width:100px;aspect-ratio:9/16;overflow:hidden;background:rgba(0,0,0,.3);color:hsla(0,0%,100%,.3)}.ugc-scene-preview img{width:100%;height:100%;object-fit:cover}.ugc-scene-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ugc-scene-fields{flex:1 1;min-width:0}.ugc-field-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.ugc-field-row label{font-size:12px;font-weight:500;color:hsla(0,0%,100%,.6)}.ugc-field-row input[type=number],.ugc-field-row select{padding:8px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);color:#e8e8ed;font-size:13px;outline:none;transition:all .2s ease}.ugc-field-row input:focus,.ugc-field-row select:focus{border-color:rgba(167,139,250,.5)}.ugc-field-row input[type=number]{width:60px}.ugc-field-row span{font-size:12px;color:hsla(0,0%,100%,.5)}.ugc-field{margin-bottom:12px}.ugc-field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsla(0,0%,100%,.5);margin-bottom:6px}.ugc-field textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.03);color:#e8e8ed;font-size:13px;font-family:inherit;resize:none;outline:none;transition:all .2s ease}.ugc-field textarea:focus{border-color:rgba(167,139,250,.5);background:hsla(0,0%,100%,.05)}.ugc-field textarea::placeholder{color:hsla(0,0%,100%,.3)}.ugc-scene-delete{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:hsla(0,0%,100%,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ugc-scene-delete:hover{background:hsla(0,91%,71%,.15);color:#f87171}.ugc-add-scene{width:100%;padding:16px;border:2px dashed hsla(0,0%,100%,.1);border-radius:14px;background:transparent;color:hsla(0,0%,100%,.5);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.ugc-add-scene:hover{border-color:rgba(167,139,250,.4);color:#a78bfa;background:rgba(167,139,250,.05)}.ugc-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.02)}@media (max-width:768px){.ugc-creators-grid{grid-template-columns:repeat(2,1fr)}.ugc-message-content{max-width:85%}.ugc-storyboard-scene{flex-wrap:wrap}.ugc-scene-preview{width:80px}}@media (max-width:480px){.ugc-creators-grid{grid-template-columns:1fr}.ugc-header-content{flex-direction:column;gap:12px}.ugc-phase-indicator{margin-left:0;width:100%}}.ugc-app.two-panel{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary,#0a0a0f);color:var(--text-primary,#f0f0f5)}.topbar{justify-content:space-between;padding:12px 24px;background:var(--bg-secondary,#111118);border-bottom:1px solid var(--border-color,hsla(0,0%,100%,.08));flex-shrink:0}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:16px}.topbar-logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--color-primary,#a78bfa)}.topbar-center,.topbar-right{display:flex;align-items:center;gap:12px}.topbar-dropdown{position:relative}.topbar-dropdown-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary,hsla(0,0%,100%,.05));border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:8px;color:var(--text-secondary,#a0a0b0);font-size:13px;cursor:pointer;transition:all .2s ease}.topbar-dropdown-trigger:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.topbar-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:180px;background:var(--bg-secondary,#1a1a24);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:100;overflow:hidden}.dropdown-item{display:block;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-secondary,#a0a0b0);font-size:13px;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:hsla(0,0%,100%,.05)}.dropdown-item.active{color:var(--color-primary,#a78bfa);background:rgba(167,139,250,.1)}.topbar-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.topbar-btn-secondary{background:transparent;border:1px solid var(--border-color,hsla(0,0%,100%,.15));color:var(--text-secondary,#a0a0b0)}.topbar-btn-secondary:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.topbar-btn-primary{background:var(--color-primary,#a78bfa);border:none;color:#fff}.topbar-btn-primary:hover{background:var(--color-primary-hover,#8b5cf6)}.topbar-btn:disabled{opacity:.5;cursor:not-allowed}.ugc-main-content{display:flex;flex:1 1;overflow:hidden}.ugc-chat-panel{flex:1 1;display:flex;flex-direction:column;min-width:0;background:var(--bg-primary,#0a0a0f)}.ugc-project-panel{width:340px;flex-shrink:0;background:var(--bg-secondary,#111118);border-left:1px solid var(--border-color,hsla(0,0%,100%,.08));overflow-y:auto}.chat-timeline{display:flex;flex-direction:column;height:100%}.messages-container{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:90%}.message-user{flex-direction:row-reverse;align-self:flex-end}.message-assistant{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary,#a78bfa);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.message-avatar.user{background:var(--bg-tertiary,hsla(0,0%,100%,.1));color:var(--text-secondary,#a0a0b0)}.message-content{display:flex;flex-direction:column;gap:12px}.message-text{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.message-user .message-text{background:var(--color-primary,#a78bfa);color:#fff;border-bottom-right-radius:4px}.message-assistant .message-text{background:var(--bg-tertiary,hsla(0,0%,100%,.05));color:var(--text-primary,#f0f0f5);border-bottom-left-radius:4px}.message-attachments{display:flex;gap:8px;flex-wrap:wrap}.attachment-preview{border-radius:8px;overflow:hidden;max-width:200px}.attachment-preview img,.attachment-preview video{display:block;width:100%;height:auto}.message-widgets{display:flex;flex-direction:column;gap:12px}.loading-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-tertiary,hsla(0,0%,100%,.05));border-radius:16px;color:var(--text-secondary,#a0a0b0);font-size:14px}.input-area{padding:16px 24px;background:var(--bg-secondary,#111118);border-top:1px solid var(--border-color,hsla(0,0%,100%,.08))}.input-attachments{display:flex;gap:8px;margin-bottom:12px}.input-attachment{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;background:var(--bg-tertiary,hsla(0,0%,100%,.05))}.input-attachment img{width:100%;height:100%;object-fit:cover}.remove-attachment{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.6);border:none;color:#fff;cursor:pointer;justify-content:center}.input-row,.remove-attachment{display:flex;align-items:center}.input-row{gap:12px}.input-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.attach-btn{background:var(--bg-tertiary,hsla(0,0%,100%,.05));color:var(--text-secondary,#a0a0b0)}.attach-btn:hover{background:hsla(0,0%,100%,.1)}.send-btn{background:var(--color-primary,#a78bfa);color:#fff}.send-btn:hover{background:var(--color-primary-hover,#8b5cf6)}.send-btn:disabled{color:var(--text-muted,#666);cursor:not-allowed}.input-field,.send-btn:disabled{background:var(--bg-tertiary,hsla(0,0%,100%,.05))}.input-field{flex:1 1;padding:12px 16px;border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:24px;color:var(--text-primary,#f0f0f5);font-size:14px;resize:none;outline:none}.input-field:focus{border-color:var(--color-primary,#a78bfa)}.input-field::placeholder{color:var(--text-muted,#666)}.project-panel{padding:20px;display:flex;flex-direction:column;gap:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-header h3{font-size:16px;font-weight:600;color:var(--text-primary,#f0f0f5)}.btn-icon{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-tertiary,hsla(0,0%,100%,.05));color:var(--text-secondary,#a0a0b0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:hsla(0,0%,100%,.1)}.panel-section{background:var(--bg-tertiary,hsla(0,0%,100%,.03));border:1px solid var(--border-color,hsla(0,0%,100%,.06));border-radius:12px;overflow:hidden}.section-header{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:none;border:none;color:var(--text-primary,#f0f0f5);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.section-header:hover{background:hsla(0,0%,100%,.03)}.section-header svg:first-child{color:var(--color-primary,#a78bfa)}.section-header svg:last-child{margin-left:auto;color:var(--text-muted,#666)}.section-badge{margin-left:auto;padding:2px 8px;background:var(--color-primary,#a78bfa);border-radius:10px;font-size:11px;color:#fff}.section-content{padding:0 16px 16px}.capabilities-list{display:flex;flex-direction:column;gap:4px}.capability-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:background .15s ease}.capability-item.clickable{cursor:pointer}.capability-item.clickable:hover{background:hsla(0,0%,100%,.03)}.capability-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-secondary,hsla(0,0%,100%,.05));display:flex;align-items:center;justify-content:center;color:var(--text-secondary,#a0a0b0)}.capability-item.ready .capability-icon{background:rgba(16,185,129,.1);color:var(--color-success,#10b981)}.capability-content{flex:1 1;min-width:0}.capability-label{display:block;font-size:13px;font-weight:500;color:var(--text-primary,#f0f0f5)}.capability-detail{display:block;font-size:11px;color:var(--text-muted,#666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capability-status{flex-shrink:0}.status-ready{color:var(--color-success,#10b981)}.status-pending{color:var(--text-muted,#666)}.status-badge{gap:4px;font-size:11px}.status-badge .spin{animation:spin 1s linear infinite}.brief-summary{font-size:13px}.brief-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.brief-header h4{font-size:14px;font-weight:600}.brief-details p{margin:4px 0;color:var(--text-secondary,#a0a0b0);line-height:1.4}.brief-details strong{color:var(--text-primary,#f0f0f5)}.actor-card.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg-tertiary,hsla(0,0%,100%,.03));border-radius:8px;color:var(--text-muted,#666)}.actor-image{width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:var(--bg-tertiary,hsla(0,0%,100%,.05))}.actor-image img{width:100%;height:100%;object-fit:cover}.actor-info h5{font-size:14px;font-weight:600;margin:8px 0 4px}.actor-info p{font-size:12px;color:var(--text-secondary,#a0a0b0)}.scene-list{display:flex;flex-direction:column;gap:8px}.scene-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-secondary,hsla(0,0%,100%,.03));border-radius:8px;cursor:pointer;transition:background .15s ease}.scene-item:hover{background:hsla(0,0%,100%,.05)}.scene-thumbnail{width:40px;height:40px;border-radius:6px;background:var(--bg-tertiary,hsla(0,0%,100%,.05));display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-muted,#666)}.scene-thumbnail img{width:100%;height:100%;object-fit:cover}.scene-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.scene-number{font-size:12px;font-weight:500}.scene-beat{font-size:11px;color:var(--text-muted,#666)}.scene-duration{font-size:11px;color:var(--color-primary,#a78bfa)}.final-video-preview{display:flex;flex-direction:column;gap:12px}.video-player{width:100%;border-radius:8px}.widget{background:var(--bg-tertiary,hsla(0,0%,100%,.03));border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:16px;overflow:hidden}.widget-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-color,hsla(0,0%,100%,.06))}.widget-header h3{font-size:15px;font-weight:600;flex:1 1}.widget-header svg:first-child{color:var(--color-primary,#a78bfa)}.widget-intake{padding:0}.intake-section{border-bottom:1px solid var(--border-color,hsla(0,0%,100%,.06))}.intake-section:last-of-type{border-bottom:none}.section-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:16px 20px;background:none;border:none;color:var(--text-primary,#f0f0f5);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.section-toggle:hover{background:hsla(0,0%,100%,.03)}.section-toggle svg:first-child{color:var(--color-primary,#a78bfa)}.section-toggle svg:last-child{margin-left:auto;transition:transform .2s ease}.section-toggle svg.rotated{transform:rotate(180deg)}.intake-section .section-content{padding:0 20px 20px}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary,#a0a0b0);margin-bottom:6px}.field input[type=text],.field input[type=url],.field select,.field textarea{width:100%;padding:10px 12px;background:var(--bg-secondary,hsla(0,0%,100%,.05));border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:8px;color:var(--text-primary,#f0f0f5);font-size:14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary,#a78bfa)}.field textarea{resize:vertical;min-height:60px}.chip-select{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;background:var(--bg-secondary,hsla(0,0%,100%,.05));border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:20px;color:var(--text-secondary,#a0a0b0);font-size:13px;cursor:pointer;transition:all .2s ease}.chip:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.chip.active{background:rgba(167,139,250,.15);border-color:var(--color-primary,#a78bfa);color:var(--color-primary,#a78bfa)}.multi-input-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.multi-input-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(167,139,250,.15);border-radius:14px;font-size:12px;color:var(--color-primary,#a78bfa)}.multi-input-item button{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex}.multi-input-row{display:flex;gap:8px}.multi-input-row input{flex:1 1}.multi-input-row button{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color,hsla(0,0%,100%,.1));background:var(--bg-tertiary,hsla(0,0%,100%,.05));color:var(--text-secondary,#a0a0b0);cursor:pointer;display:flex;align-items:center;justify-content:center}.multi-input-row button:hover:not(:disabled){background:hsla(0,0%,100%,.08)}.multi-input-row button:disabled{opacity:.5;cursor:not-allowed}.intake-actions{border-top:1px solid var(--border-color,hsla(0,0%,100%,.06));display:flex;justify-content:flex-end}.intake-actions,.widget-actor-selection .widget-header{padding:16px 20px}.actor-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:20px}.actor-card{background:var(--bg-secondary,hsla(0,0%,100%,.03));border:2px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:12px;overflow:hidden;transition:all .2s ease}.actor-card:hover{border-color:hsla(0,0%,100%,.15)}.actor-card.selected{border-color:var(--color-primary,#a78bfa)}.actor-card .actor-image{position:relative;aspect-ratio:3/4;cursor:pointer}.actor-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff}.actor-card .actor-image:hover .actor-overlay{opacity:1}.actor-failed,.actor-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted,#666)}.actor-failed{color:var(--color-error,#ef4444)}.actor-failed button{padding:4px 12px;background:var(--color-error,#ef4444);border:none;border-radius:4px;color:#fff;font-size:12px;cursor:pointer}.actor-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted,#666)}.actor-card .actor-info{padding:12px}.actor-card .actor-info h4{font-size:13px;font-weight:600;margin-bottom:4px}.actor-card .actor-info p{font-size:11px;color:var(--text-secondary,#a0a0b0);line-height:1.3}.actor-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.actor-tags .tag{padding:2px 8px;background:hsla(0,0%,100%,.05);border-radius:10px;font-size:10px;color:var(--text-muted,#666)}.actor-actions{padding:0 12px 12px}.btn-select,.btn-selected{width:100%;padding:8px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-select{background:var(--color-primary,#a78bfa);border:none;color:#fff}.btn-select:hover{background:var(--color-primary-hover,#8b5cf6)}.btn-select:disabled{background:var(--bg-tertiary,hsla(0,0%,100%,.05));color:var(--text-muted,#666);cursor:not-allowed}.btn-selected{background:rgba(16,185,129,.15);border:1px solid var(--color-success,#10b981);color:var(--color-success,#10b981);align-items:center;gap:6px}.btn-selected,.widget-actions{display:flex;justify-content:center}.widget-actions{padding:16px 20px;border-top:1px solid var(--border-color,hsla(0,0%,100%,.06))}.widget-qcm{padding:20px}.qcm-question{font-size:15px;font-weight:500;margin-bottom:16px}.qcm-options{display:flex;flex-direction:column;gap:8px}.qcm-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary,hsla(0,0%,100%,.03));border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.qcm-option:hover{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05)}.qcm-option.selected{border-color:var(--color-primary,#a78bfa);background:rgba(167,139,250,.1)}.qcm-option-icon{flex-shrink:0;color:var(--text-muted,#666)}.qcm-option.selected .qcm-option-icon{color:var(--color-primary,#a78bfa)}.qcm-option-content{flex:1 1}.qcm-option-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary,#f0f0f5)}.qcm-option-description{display:block;font-size:12px;color:var(--text-secondary,#a0a0b0);margin-top:2px}.qcm-actions{margin-top:16px;display:flex;justify-content:flex-end}.widget-clarification{padding:0}.widget-clarification .widget-header{padding:16px 20px}.clarification-questions{padding:0 20px 20px;display:flex;flex-direction:column;gap:16px}.clarification-question label{display:block;font-size:13px;font-weight:500;margin-bottom:10px}.clarification-options{display:flex;flex-wrap:wrap;gap:8px}.clarification-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;background:var(--bg-secondary,hsla(0,0%,100%,.03));border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:10px;cursor:pointer;transition:all .2s ease}.clarification-option:hover{border-color:hsla(0,0%,100%,.15)}.clarification-option.selected{border-color:var(--color-primary,#a78bfa);background:rgba(167,139,250,.1)}.clarification-option .option-label{font-size:13px;font-weight:500}.clarification-option .option-desc{font-size:11px;color:var(--text-secondary,#a0a0b0)}.clarification-option.selected .option-label{color:var(--color-primary,#a78bfa)}.clarification-actions{padding:16px 20px;border-top:1px solid var(--border-color,hsla(0,0%,100%,.06));display:flex;gap:12px;justify-content:flex-end}.widget-storyboard{padding:0}.storyboard-stats{display:flex;gap:12px;font-size:12px;color:var(--text-secondary,#a0a0b0)}.storyboard-stats span{display:flex;align-items:center;gap:4px}.storyboard-status{padding:12px 20px;background:hsla(0,0%,100%,.02);border-bottom:1px solid var(--border-color,hsla(0,0%,100%,.06))}.status-approved-bar{display:flex;align-items:center;gap:8px;color:var(--color-success,#10b981);font-size:13px}.status-draft-bar{font-size:13px;color:var(--text-secondary,#a0a0b0)}.widget-storyboard .scene-list{padding:16px 20px;gap:12px}.scene-card{background:var(--bg-secondary,hsla(0,0%,100%,.03));border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:12px;overflow:hidden}.scene-card.has-errors{border-color:var(--color-error,#ef4444)}.scene-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s ease}.scene-header:hover{background:hsla(0,0%,100%,.03)}.scene-card .scene-number{width:28px;height:28px;border-radius:50%;background:var(--color-primary,#a78bfa);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.scene-title{flex:1 1;display:flex;align-items:center;gap:8px}.scene-title .scene-beat{font-size:13px;font-weight:500}.scene-title .scene-duration{font-size:12px;color:var(--text-muted,#666)}.scene-status{font-size:12px}.status-approved{color:var(--color-success,#10b981)}.status-approved,.status-error{display:flex;align-items:center;gap:4px}.status-error{color:var(--color-error,#ef4444)}.scene-toggle,.status-draft{color:var(--text-muted,#666)}.scene-toggle{background:none;border:none;cursor:pointer;padding:4px}.scene-content{padding:0 16px 16px;border-top:1px solid var(--border-color,hsla(0,0%,100%,.06))}.scene-keyframes{display:flex;align-items:center;gap:12px;padding:16px 0}.keyframe-arrow{color:var(--text-muted,#666);font-size:20px}.keyframe-thumbnail{text-align:center}.keyframe-image{position:relative;width:80px;height:120px;border-radius:8px;overflow:hidden;background:var(--bg-tertiary,hsla(0,0%,100%,.05))}.keyframe-image img{width:100%;height:100%;object-fit:cover}.keyframe-loading,.keyframe-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted,#666)}.keyframe-regen{position:absolute;bottom:4px;right:4px;width:24px;height:24px;border-radius:4px;background:rgba(0,0,0,.6);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.keyframe-image:hover .keyframe-regen{opacity:1}.keyframe-label{display:block;font-size:11px;color:var(--text-muted,#666);margin-top:4px}.scene-script{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--border-color,hsla(0,0%,100%,.06))}.script-section label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-muted,#666);text-transform:uppercase;margin-bottom:4px}.script-section p{font-size:13px;line-height:1.5;color:var(--text-primary,#f0f0f5)}.script-section p em{color:var(--text-muted,#666)}.scene-errors{padding:12px;background:rgba(239,68,68,.1);border-radius:8px;margin-top:12px}.error-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-error,#ef4444)}.scene-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--border-color,hsla(0,0%,100%,.06))}.btn-small{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bg-tertiary,hsla(0,0%,100%,.05));border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:6px;color:var(--text-secondary,#a0a0b0);font-size:12px;cursor:pointer;transition:all .2s ease}.btn-small:hover{background:hsla(0,0%,100%,.08)}.btn-small.btn-approve{background:var(--color-success,#10b981);border-color:var(--color-success,#10b981);color:#fff}.btn-small.btn-approve:disabled{opacity:.5;cursor:not-allowed}.btn-add-scene{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 40px);margin:0 20px;padding:12px;background:none;border:1px dashed var(--border-color,hsla(0,0%,100%,.15));border-radius:8px;color:var(--text-secondary,#a0a0b0);font-size:13px;cursor:pointer;transition:all .2s ease}.btn-add-scene:hover{border-color:var(--color-primary,#a78bfa);color:var(--color-primary,#a78bfa)}.storyboard-actions{padding:16px 20px;border-top:1px solid var(--border-color,hsla(0,0%,100%,.06));display:flex;justify-content:flex-end}.widget-approval-gate{padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center}.approval-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.widget-approval-gate.approved .approval-icon{background:rgba(16,185,129,.15);color:var(--color-success,#10b981)}.widget-approval-gate.pending .approval-icon{background:rgba(251,191,36,.15);color:#fbbf24}.approval-content h3{font-size:18px;font-weight:600;margin-bottom:8px}.approval-content p{font-size:14px;color:var(--text-secondary,#a0a0b0);margin-bottom:12px}.approval-summary{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.approval-summary p{margin:0}.approval-warnings{padding:12px;background:rgba(251,191,36,.1);border-radius:8px;margin-bottom:16px;text-align:left}.approval-warnings .warning-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#fbbf24}.approval-note{font-size:12px!important;color:var(--text-muted,#666)!important}.approval-actions{display:flex;gap:12px;margin-top:8px}.widget-generation-queue{padding:0}.queue-stats{display:flex;gap:12px}.queue-stats .stat{font-size:12px}.queue-stats .complete{color:var(--color-success,#10b981)}.queue-stats .processing{color:var(--color-primary,#a78bfa)}.queue-stats .failed{color:var(--color-error,#ef4444)}.queue-list{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.queue-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary,hsla(0,0%,100%,.03));border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:10px}.queue-row.status-complete{border-color:var(--color-success,#10b981)}.queue-row.status-failed{border-color:var(--color-error,#ef4444)}.queue-scene{display:flex;align-items:center;gap:10px}.queue-scene .scene-number{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary,hsla(0,0%,100%,.05));font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.queue-scene .scene-info{display:flex;flex-direction:column}.queue-scene .scene-beat{font-size:12px;font-weight:500}.queue-scene .scene-duration{font-size:11px;color:var(--text-muted,#666)}.queue-status{flex:1 1;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary,#a0a0b0)}.queue-actions{gap:8px}.btn-retry{background:rgba(239,68,68,.15);border-color:var(--color-error,#ef4444);color:var(--color-error,#ef4444)}.feedback-panel{width:100%;padding:12px;background:var(--bg-tertiary,hsla(0,0%,100%,.03));border-radius:8px;margin-top:12px}.feedback-panel p{font-size:12px;margin-bottom:8px}.feedback-options{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.feedback-chip{padding:6px 10px;background:var(--bg-secondary,hsla(0,0%,100%,.05));border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:16px;font-size:11px;color:var(--text-secondary,#a0a0b0);cursor:pointer;transition:all .2s ease}.feedback-chip:hover{border-color:hsla(0,0%,100%,.2)}.feedback-chip.selected{background:rgba(239,68,68,.15);border-color:var(--color-error,#ef4444);color:var(--color-error,#ef4444)}.feedback-actions{display:flex;gap:8px}.auto-fix-suggestion{font-size:11px;color:var(--color-primary,#a78bfa);margin-top:8px}.queue-actions{padding:16px 20px;border-top:1px solid var(--border-color,hsla(0,0%,100%,.06));display:flex;justify-content:flex-end}.widget-assembly{padding:0}.assembly-timeline{padding:16px 20px}.assembly-timeline h4{font-size:13px;font-weight:500;margin-bottom:12px}.timeline-clips{display:flex;flex-direction:column;gap:8px}.assembly-clip{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-secondary,hsla(0,0%,100%,.03));border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:8px}.clip-drag{cursor:-webkit-grab;cursor:grab}.clip-drag,.clip-preview{color:var(--text-muted,#666)}.clip-preview{width:48px;height:48px;border-radius:6px;background:var(--bg-tertiary,hsla(0,0%,100%,.05));overflow:hidden;display:flex;align-items:center;justify-content:center}.clip-preview video{width:100%;height:100%;object-fit:cover}.clip-info{flex:1 1}.clip-number{display:block;font-size:12px;font-weight:500}.clip-beat{font-size:11px;color:var(--text-muted,#666);margin-right:8px}.clip-duration{font-size:11px;color:var(--color-primary,#a78bfa)}.clip-transition select{padding:6px 10px;background:var(--bg-tertiary,hsla(0,0%,100%,.05));border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:6px;color:var(--text-primary,#f0f0f5);font-size:12px}.assembly-options{padding:16px 20px;border-top:1px solid var(--border-color,hsla(0,0%,100%,.06));display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.option-group h4{gap:6px;font-weight:500;margin-bottom:10px}.option-group h4,.toggle-option{display:flex;align-items:center;font-size:13px}.toggle-option{gap:8px;cursor:pointer;margin-bottom:8px}.toggle-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary,#a78bfa)}.option-group select{width:100%;margin-bottom:8px}.option-placeholder{font-size:12px;color:var(--text-muted,#666)}.assembly-preview{padding:16px 20px;border-top:1px solid var(--border-color,hsla(0,0%,100%,.06))}.assembly-preview h4{font-size:13px;font-weight:500;margin-bottom:12px}.final-video{width:100%;border-radius:8px}.assembly-actions{border-top:1px solid var(--border-color,hsla(0,0%,100%,.06));justify-content:flex-end}.assembly-actions,.widget-status{padding:16px 20px;display:flex;gap:12px}.status-icon,.widget-status{align-items:center}.status-icon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center}.widget-status.status-success .status-icon{background:rgba(16,185,129,.15);color:var(--color-success,#10b981)}.widget-status.status-error .status-icon{background:rgba(239,68,68,.15);color:var(--color-error,#ef4444)}.widget-status.status-processing .status-icon{background:rgba(167,139,250,.15);color:var(--color-primary,#a78bfa)}.widget-status.status-pending .status-icon{background:hsla(0,0%,100%,.05);color:var(--text-muted,#666)}.status-content{flex:1 1}.status-label{display:block;font-size:14px;font-weight:500;text-transform:capitalize}.status-message{display:block;font-size:12px;color:var(--text-secondary,#a0a0b0)}.status-progress{display:flex;align-items:center;gap:8px}.progress-bar{width:80px;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary,#a78bfa);transition:width .3s ease}.progress-text{font-size:11px;color:var(--text-muted,#666)}.widget-error{padding:24px;flex-direction:column;text-align:center}.error-icon,.widget-error{display:flex;align-items:center}.error-icon{width:56px;height:56px;border-radius:50%;background:rgba(239,68,68,.15);color:var(--color-error,#ef4444);justify-content:center;margin-bottom:16px}.error-content h3{font-size:18px;font-weight:600;margin-bottom:8px}.error-message{font-size:14px;color:var(--text-secondary,#a0a0b0);margin-bottom:12px}.error-details{text-align:left;width:100%;margin-bottom:16px}.error-details summary{font-size:12px;color:var(--text-muted,#666);cursor:pointer}.error-details pre{font-size:11px;background:var(--bg-tertiary,hsla(0,0%,100%,.03));padding:12px;border-radius:8px;margin-top:8px;overflow-x:auto}.error-actions{display:flex;gap:12px}.warning-banner{gap:8px;padding:12px 20px;background:rgba(251,191,36,.1);color:#fbbf24;font-size:13px}.modal-overlay,.warning-banner{display:flex;align-items:center}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary,#111118);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:16px;max-width:90%;max-height:90%;overflow:auto}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.5);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.preview-modal{position:relative;max-width:400px}.preview-modal img{display:block;width:100%;height:auto;border-radius:16px 16px 0 0}.preview-info{padding:20px}.preview-info h3{font-size:18px;font-weight:600;margin-bottom:8px}.preview-info p{font-size:14px;color:var(--text-secondary,#a0a0b0)}.preview-demographics{display:flex;gap:12px;margin-top:12px}.preview-demographics span{padding:4px 10px;background:hsla(0,0%,100%,.05);border-radius:12px;font-size:12px;color:var(--text-muted,#666)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-primary,#a78bfa);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:var(--color-primary-hover,#8b5cf6)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--border-color,hsla(0,0%,100%,.15));border-radius:8px;color:var(--text-secondary,#a0a0b0);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mt-2{margin-top:8px}@media (max-width:1024px){.ugc-project-panel{width:280px}.actor-grid{grid-template-columns:repeat(2,1fr)}.assembly-options{grid-template-columns:1fr}}@media (max-width:768px){.ugc-main-content{flex-direction:column}.ugc-project-panel{width:100%;max-height:300px;border-left:none;border-top:1px solid var(--border-color,hsla(0,0%,100%,.08))}.topbar{flex-wrap:wrap;gap:12px}.topbar-center{order:3;width:100%;justify-content:center}.actor-grid{grid-template-columns:1fr}}.influencer-lab-container{padding:var(--space-12);max-width:1200px;margin:0 auto;animation:fadeIn .3s var(--motion-ease-out)}.influencer-lab-header{margin-bottom:var(--space-12);text-align:center}.influencer-lab-title{font-size:var(--font-4xl);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-3) 0;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.influencer-lab-subtitle{font-size:var(--font-lg);color:var(--text-tertiary);margin:0}.influencer-lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.influencer-lab-card{background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);cursor:pointer;transition:all var(--motion-duration) var(--motion-ease);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);position:relative;overflow:hidden}.influencer-lab-card:hover:not(.disabled){background:var(--panel-hover);border-color:var(--border-light);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.influencer-lab-card.disabled{opacity:.5;cursor:not-allowed}.influencer-lab-card-icon{width:80px;height:80px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md)}.influencer-lab-card-content{display:flex;flex-direction:column;gap:var(--space-2)}.influencer-lab-card-title{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text);margin:0}.influencer-lab-card-description{font-size:var(--font-sm);color:var(--text-tertiary);margin:0}.influencer-lab-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-medium);margin-top:var(--space-2)}.my-influencers-container{padding:var(--space-8);height:100vh;display:flex;flex-direction:column;animation:fadeIn .3s var(--motion-ease-out)}.my-influencers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:0 var(--space-4)}.my-influencers-title{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--text);margin:0}.btn-create-new{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--motion-duration) var(--motion-ease);box-shadow:var(--shadow-sm)}.btn-create-new:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.my-influencers-layout{display:flex;gap:var(--space-6);flex:1 1;overflow:hidden}.influencers-list-panel{width:400px;background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);overflow-y:auto;flex-shrink:0}.influencers-list{display:flex;flex-direction:column;gap:var(--space-3)}.influencer-list-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease);text-align:left;width:100%}.influencer-list-item:hover{background:var(--panel-hover);border-color:var(--border-light);transform:translateX(4px)}.influencer-list-item.active{background:var(--accent-light);border-color:var(--accent)}.influencer-avatar{width:60px;height:60px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--panel-hover);display:flex;align-items:center;justify-content:center}.influencer-avatar-img{width:100%;height:100%;object-fit:cover}.influencer-avatar-placeholder{color:var(--text-muted)}.influencer-list-info{flex:1 1;min-width:0}.influencer-list-info,.influencer-list-name{display:flex;flex-direction:column;gap:var(--space-1)}.influencer-list-name{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--text)}.influencer-username{font-weight:var(--font-normal)}.influencer-list-description,.influencer-username{font-size:var(--font-sm);color:var(--text-tertiary)}.influencer-list-description{margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);margin-top:var(--space-2);width:-moz-fit-content;width:fit-content}.status-badge.enriching{background:var(--accent-light);color:var(--accent)}.status-badge.generating{background:var(--status-info-bg);color:var(--status-info)}.status-badge.failed{background:var(--status-critical-bg);color:var(--status-critical)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--text-muted);text-align:center}.btn-create-first{padding:var(--space-3) var(--space-6);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--motion-duration) var(--motion-ease)}.btn-create-first:hover{background:var(--accent-hover);transform:translateY(-2px)}.influencer-detail-panel{flex:1 1;background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);overflow-y:auto}.influencer-detail{display:flex;flex-direction:column;gap:var(--space-8)}.influencer-detail-header{display:flex;align-items:center;gap:var(--space-6)}.influencer-detail-avatar{width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--panel-hover);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.influencer-detail-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{color:var(--text-muted)}.influencer-detail-info{flex:1 1}.influencer-detail-name{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-2) 0}.influencer-detail-username{font-size:var(--font-lg);color:var(--text-tertiary);margin:0}.influencer-description-box{padding:var(--space-6);background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.influencer-description-box p{margin:0}.influencer-photos-section{display:flex;flex-direction:column;gap:var(--space-4)}.photos-section-header{display:flex;align-items:center;gap:var(--space-2);color:var(--text)}.photos-section-header h3{font-size:var(--font-lg);font-weight:var(--font-semibold);margin:0}.influencer-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.influencer-photo-item{aspect-ratio:9/16;border-radius:var(--radius-lg);overflow:hidden;background:var(--panel-elevated);border:1px solid var(--border);transition:all var(--motion-duration) var(--motion-ease);cursor:pointer}.influencer-photo-item:hover{transform:scale(1.05);border-color:var(--border-light);box-shadow:var(--shadow-lg)}.influencer-photo-item img{width:100%;height:100%;object-fit:cover}.no-photos-message{grid-column:1/-1;gap:var(--space-3);padding:var(--space-12)}.no-photos-message,.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.no-selection{height:100%;gap:var(--space-4)}.new-influencer-container{padding:var(--space-8);max-width:800px;margin:0 auto;animation:fadeIn .3s var(--motion-ease-out)}.new-influencer-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.btn-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;color:var(--text-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-sm);cursor:pointer;transition:all var(--motion-duration) var(--motion-ease)}.btn-back:hover{background:var(--panel-hover);color:var(--text);border-color:var(--border-light)}.new-influencer-title{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--text);margin:0}.new-influencer-form{display:flex;flex-direction:column;gap:var(--space-8)}.error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--status-critical-bg);color:var(--status-critical);border:1px solid var(--status-critical);border-radius:var(--radius-lg);font-size:var(--font-sm)}.form-section{background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.form-section-title{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-2) 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.form-intro{font-size:var(--font-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed);margin:var(--space-4) 0;padding:var(--space-4);background:var(--accent-muted);border-left:3px solid var(--accent);border-radius:var(--radius-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.required{color:var(--status-critical)}.optional{color:var(--text-muted);font-weight:var(--font-normal)}.form-input,.form-textarea{padding:var(--space-3) var(--space-4);background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:var(--font-base);font-family:var(--font-family);transition:all var(--motion-duration-fast) var(--motion-ease)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent);background:var(--panel-solid);box-shadow:0 0 0 3px var(--accent-light)}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:var(--font-xs);color:var(--text-muted);margin:0}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:var(--space-4);color:var(--text-muted);font-size:var(--font-base);pointer-events:none}.form-input.with-prefix{padding-left:var(--space-8)}.image-upload-area,.image-upload-label{display:flex;flex-direction:column;gap:var(--space-3)}.image-upload-label{align-items:center;justify-content:center;padding:var(--space-8);background:var(--panel-elevated);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--motion-duration) var(--motion-ease);color:var(--text-tertiary)}.image-upload-label:hover{background:var(--panel-hover);border-color:var(--border-light);color:var(--text)}.image-upload-input{display:none}.uploading-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--status-info-bg);color:var(--status-info);border-radius:var(--radius-lg);font-size:var(--font-sm)}.uploaded-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.uploaded-image-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--panel-elevated);border:1px solid var(--border)}.uploaded-image-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-lg);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease)}.remove-image-btn:hover{background:var(--status-critical)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4)}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--motion-duration) var(--motion-ease)}.btn-secondary{background:transparent;color:var(--text-tertiary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--panel-hover);color:var(--text);border-color:var(--border-light)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.influencer-error,.influencer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);height:100vh;color:var(--text-muted)}.influencer-error{color:var(--status-critical)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.my-influencers-layout{flex-direction:column}.influencers-list-panel{width:100%;max-height:300px}.influencer-photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.influencer-lab-grid{grid-template-columns:1fr}.my-influencers-container,.new-influencer-container{padding:var(--space-4)}.influencer-detail-header{flex-direction:column;text-align:center}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}