@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";:root{--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-family-display:"Space Grotesk", system-ui, sans-serif;--color-bg-main:#fff;--color-bg-panel:#f8f7ff;--color-bg-card:#fff;--color-bg-elevated:#f0eeff;--color-bg-hover:#6c47ff0f;--color-surface:#fff;--scrollbar-thumb:#0d0b1a2e;--scrollbar-thumb-hover:#0d0b1a4d;--color-primary:#6c47ff;--color-primary-hover:#5535e8;--color-primary-glow:#6c47ff4d;--color-primary-light:#ede9ff;--color-primary-gradient:linear-gradient(135deg, #6c47ff 0%, #5535e8 100%);--color-accent:#6c47ff;--color-accent-glow:#6c47ff33;--color-text-main:#0d0b1a;--color-text-muted:#6b6488;--color-text-subtle:#9a93b5;--color-border:#e4e2f0;--color-border-strong:#d6d2e8;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--editor-bg-main:#080a16;--editor-bg-panel:#0f1120;--editor-bg-hover:#181c30;--editor-border:#ffffff12;--editor-text-main:#f1f5f9;--editor-text-muted:#64748b;--color-track-video:#fde68a;--color-track-overlay:#93c5fd;--color-track-voice:#86efac;--topbar-height:56px;--sidebar-width:64px;--rightpanel-width:340px;--timeline-height:250px;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 3px #0d0b1a14;--shadow-md:0 4px 16px #0d0b1a1a;--shadow-lg:0 8px 32px #0d0b1a1f;--shadow-floating:0 24px 64px #0d0b1a2e;--shadow-btn:0 8px 24px var(--color-primary-glow);--shadow-input:0 1px 2px #0d0b1a0f;--shadow-glow-primary:0 0 40px var(--color-primary-glow);--shadow-glow-accent:0 0 40px var(--color-accent-glow)}:root[data-theme=dark]{--color-bg-main:#060810;--color-bg-panel:#0c0e1b;--color-bg-card:#0c0e1b;--color-bg-elevated:#121528;--color-bg-hover:#ffffff0d;--color-surface:#121528;--color-primary-light:#6c47ff29;--color-text-main:#f1f5f9;--color-text-muted:#8b93a7;--color-text-subtle:#5b6478;--color-border:#ffffff14;--color-border-strong:#ffffff29;--scrollbar-thumb:#ffffff1f;--scrollbar-thumb-hover:#ffffff3d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-floating:0 24px 64px #000000b3;--shadow-input:0 2px 8px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg-main);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.gradient-text{background:linear-gradient(135deg,#0d0b1a 0%,#6c47ff 60%,#5535e8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg,#6c47ff 0%,#5535e8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary-gradient);color:#fff;box-shadow:0 0 0 0 var(--color-primary-glow);border-color:#0000}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-btn);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.btn-outline{border-color:var(--color-border-strong);color:var(--color-text-main);background:var(--color-surface)}.btn-outline:hover{background:var(--color-bg-elevated);border-color:var(--color-primary)}.btn-ghost{color:var(--color-text-muted);background:0 0;border:none}.btn-ghost:hover{color:var(--color-text-main);background:var(--color-bg-hover)}.btn-icon{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.45rem;transition:all .15s;display:inline-flex}.btn-icon:hover{background:var(--color-primary-light);color:var(--color-primary)}.btn-floating{box-shadow:var(--shadow-btn);transition:transform .2s,box-shadow .2s}.btn-floating:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff53738c}.input-floating{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;color:var(--color-text-main);box-shadow:var(--shadow-input);outline:none;padding:.75rem 1rem .75rem 2.6rem;font-family:inherit;font-size:.875rem;transition:all .2s}.input-floating::placeholder{color:var(--color-text-muted)}.input-floating:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-input), 0 0 0 3px #6c47ff26}.glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.glass-card-strong{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.box-floating{box-shadow:var(--shadow-floating);border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:var(--radius-xl)}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{color:#047857;background:#d1fae5}.badge-error{color:#b91c1c;background:#fee2e2}.badge-warning{color:#b45309;background:#fef3c7}.badge-muted{background:var(--color-bg-elevated);color:var(--color-text-muted)}.editor-layout{grid-template-areas:"topbar topbar topbar""sidebar canvas rightpanel""sidebar timeline rightpanel";grid-template-rows:var(--topbar-height) 1fr var(--timeline-height);grid-template-columns:var(--sidebar-width) 1fr var(--rightpanel-width);height:100vh;display:grid}.topbar-area{border-bottom:1px solid var(--editor-border);background:var(--editor-bg-panel);z-index:10;grid-area:topbar}.sidebar-area{border-right:1px solid var(--editor-border);background:var(--editor-bg-panel);z-index:10;grid-area:sidebar}.canvas-area{background:var(--editor-bg-main);grid-area:canvas;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.rightpanel-area{border-left:1px solid var(--editor-border);background:var(--editor-bg-panel);flex-direction:column;grid-area:rightpanel;display:flex;overflow:hidden}.timeline-area{border-top:1px solid var(--editor-border);background:var(--editor-bg-panel);flex-direction:column;grid-area:timeline;display:flex;overflow:hidden}@keyframes slowPan{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-1%,-1%)}to{transform:scale(1)translate(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 48px var(--color-primary-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{animation:.5s both fadeUp}.animate-fade-in{animation:.4s both fadeIn}.animate-float{animation:4s ease-in-out infinite float}.bg-animated{background:linear-gradient(135deg, var(--color-bg-panel) 0%, var(--color-bg-elevated) 45%, var(--color-bg-main) 100%);z-index:0;background-position:50%;background-size:cover;animation:25s ease-in-out infinite slowPan;position:absolute;inset:-2%}.bg-overlay{background:radial-gradient(circle at center, transparent 0%, var(--color-bg-main) 135%);z-index:1;position:absolute;inset:0}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#0d0b1a0d 25%,#0d0b1a17 50%,#0d0b1a0d 75%) 0 0/800px 100%;animation:1.4s linear infinite shimmer}.btn-google{cursor:pointer;gap:.75rem;width:100%;padding:.75rem;transition:all .2s;background:var(--color-surface)!important;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-md)!important;color:var(--color-text-main)!important;justify-content:center!important;align-items:center!important;font-family:inherit!important;font-weight:600!important;display:flex!important}.btn-google:hover{transform:translateY(-1px);background:var(--color-bg-elevated)!important;border-color:var(--color-primary)!important}.noise-overlay:after{content:"";pointer-events:none;z-index:9999;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.glow-purple{pointer-events:none;background:radial-gradient(circle,#7c3aed40 0%,#0000 70%);border-radius:50%;position:absolute}.glow-cyan{pointer-events:none;background:radial-gradient(circle,#06b6d42e 0%,#0000 70%);border-radius:50%;position:absolute}.divider{color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.bg-dot-grid{background-image:radial-gradient(circle,#6c47ff12 1px,#0000 1px);background-size:28px 28px}.card-glow-hover{transition:box-shadow .25s,border-color .25s,transform .2s}.card-glow-hover:hover{transform:translateY(-2px)}.sidebar-item-active{border-left:2px solid var(--color-primary);color:var(--color-primary);background:linear-gradient(90deg,#6c47ff1f 0%,#0000 100%);font-weight:700}.display-number{font-family:var(--font-family-display);letter-spacing:-.04em;font-weight:800;line-height:1}.text-gradient-brand{background:var(--color-primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pulse-dot{background:var(--color-error);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 #ef444499}@keyframes pulse-dot{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes count-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stat-value{animation:.4s both count-up}.section-pill{text-transform:uppercase;letter-spacing:.08em;border-radius:99px;align-items:center;gap:.35rem;padding:.2rem .75rem;font-size:.68rem;font-weight:700;display:inline-flex}@keyframes pulse-glow-color{0%,to{opacity:.6}50%{opacity:1}}.card-shimmer{position:relative;overflow:hidden}.card-shimmer:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#6c47ff0f,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.card-shimmer:hover:after{left:150%}