:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--cc-ink-800,#1e293b);background-color:var(--cc-paper,#fffdf9);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main:var(--cc-paper,#fffdf9);--bg-surface:var(--cc-surface,#fff);--bg-surface-hover:var(--cc-surface-sunken,#f6f4ef);--border-color:var(--cc-border,#e7e2d8);--border-color-glow:var(--cc-ring,#16865a59);--primary:var(--cc-brand-500,#16865a);--primary-glow:#16865a38;--secondary:var(--cc-amber-500,#e8902c);--secondary-glow:#e8902c38;--accent:var(--cc-brand-500,#16865a);--accent-glow:#16865a38;--text-primary:var(--cc-ink-900,#0f172a);--text-secondary:var(--cc-ink-600,#475569);--text-muted:var(--cc-ink-500,#64748b);--transition-smooth:all .2s cubic-bezier(.16, 1, .3, 1);font-family:Inter,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);background-image:radial-gradient(at 0 0,#16865a0d 0,#0000 40%),radial-gradient(at 100% 100%,#e8902c0d 0,#0000 40%);background-attachment:fixed;margin:0}#root{min-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--cc-border-strong,#d9d2c3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}h1,h2,h3,h4{font-family:var(--cc-font-display,"Sora", "Outfit", sans-serif);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.app-container{flex-direction:column;gap:2rem;max-width:1440px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}@media (width<=768px){.app-container{gap:1.25rem;padding:1rem}}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--cc-radius-lg,20px);box-shadow:var(--cc-shadow-sm,0 1px 2px #0f172a0f);transition:var(--transition-smooth);padding:2rem}@media (width<=768px){.glass-panel{border-radius:var(--cc-radius-md,12px);padding:1.25rem}}.glass-panel:hover{border-color:var(--cc-border-strong,#d9d2c3)}.history-highlight-panel{background:var(--cc-brand-50,#eef9f3);border:1.5px solid var(--cc-brand-100,#d6f0e1);border-radius:var(--cc-radius-lg,20px);box-shadow:var(--cc-shadow-sm,0 1px 2px #0f172a0f);margin-top:1.75rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.history-highlight-panel:hover{border-color:var(--cc-brand-300,#7fd1a8);box-shadow:var(--cc-shadow-md,0 4px 14px #0f172a14)}.history-search-input{background:var(--cc-surface,#fff);border:1px solid var(--cc-border-strong,#d9d2c3);color:var(--text-primary);border-radius:10px;outline:none;width:100%;max-width:340px;padding:.5rem .85rem .5rem 2.2rem;font-size:.85rem;transition:all .2s}.history-search-input:focus{border-color:var(--primary);box-shadow:var(--cc-shadow-focus,0 0 0 4px #16865a59)}.history-entry-card{background:var(--cc-surface,#fff);border:1px solid var(--cc-border,#e7e2d8);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.history-entry-card:hover{background:var(--cc-brand-50,#eef9f3);border-color:var(--cc-brand-300,#7fd1a8);box-shadow:var(--cc-shadow-md,0 4px 14px #0f172a14);transform:translateY(-2px)}.text-gradient{color:var(--cc-brand-600,#0f6e49);font-weight:700}.glowing-btn{background:var(--primary);border-radius:var(--cc-radius-md,12px);color:#fff;font-family:var(--cc-font-display,"Sora", "Outfit", sans-serif);cursor:pointer;box-shadow:var(--cc-shadow-sm,0 1px 2px #0f172a0f);transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.glowing-btn:hover:not(:disabled){background:var(--cc-brand-600,#0f6e49);box-shadow:var(--cc-shadow-md,0 4px 14px #0f172a14);transform:translateY(-2px)}.glowing-btn:active:not(:disabled){transform:translateY(0)}.glowing-btn:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.6}.form-input{background:var(--cc-surface,#fff);border:1.5px solid var(--cc-border-strong,#d9d2c3);border-radius:var(--cc-radius-sm,8px);color:var(--text-primary);transition:var(--transition-smooth);width:100%;padding:.875rem 1.25rem;font-size:1rem}.form-input:focus{border-color:var(--primary);box-shadow:var(--cc-shadow-focus,0 0 0 4px #16865a59);outline:none}.form-input.input-error-highlight{border-color:var(--cc-coral-500,#d9553f);box-shadow:0 0 0 3px #d9553f1f}.form-input.input-error-highlight:focus{border-color:var(--cc-coral-500,#d9553f);box-shadow:0 0 0 4px #d9553f2e}.duration-selector{background:var(--cc-surface-sunken,#f6f4ef);border:1px solid var(--cc-border,#e7e2d8);border-radius:var(--cc-radius-sm,8px);gap:4px;padding:4px;display:flex}.duration-btn{min-width:0;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:.65rem .75rem;font-family:Outfit,sans-serif;font-size:.84rem;font-weight:600;display:inline-flex}.duration-btn.active{background:var(--bg-surface-hover);color:var(--text-primary);border:1px solid #0f172a17;box-shadow:0 4px 12px #0003}.skeleton-pulse{background:linear-gradient(90deg,#16203b80 25%,#1e2949cc 50%,#16203b80 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite loading-pulse}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.stepper-container{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.step-item{align-items:flex-start;gap:1rem;display:flex}.step-circle{border:2px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);transition:var(--transition-smooth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.875rem;font-weight:700;display:flex}.step-item.active .step-circle{border-color:var(--primary);color:var(--primary);animation:1.5s infinite pulse-border;box-shadow:0 0 10px #a855f74d}.step-item.completed .step-circle{border-color:var(--accent);background:var(--accent);color:#080b14}.step-content{flex-direction:column;flex:1;gap:.4rem;display:flex}.step-header-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.step-label{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.92rem;font-weight:600}.step-item.active .step-label{color:var(--text-primary)}.step-item.completed .step-label{color:var(--accent)}.step-percentage{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.step-item.active .step-percentage{color:var(--primary)}.step-item.completed .step-percentage{color:var(--accent)}.step-mini-bar-track{background:#0f172a0f;border-radius:3px;width:100%;height:5px;overflow:hidden}.step-mini-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:3px;height:100%;transition:width .4s}.step-item.completed .step-mini-bar-fill{background:var(--accent)}.step-subtext{color:var(--text-muted);font-size:.72rem;line-height:1.3}.ai-activity-card{-webkit-backdrop-filter:blur(12px);background:#0d1324bf;border:1px solid #a855f74d;border-radius:12px;flex-direction:column;gap:.85rem;margin-top:.75rem;padding:1.25rem;animation:.3s ease-out fadeInSubtitle;display:flex;box-shadow:0 8px 24px #00000059,0 0 20px #a855f71a}.ai-activity-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ai-engine-badge{color:var(--primary);letter-spacing:.03em;background:#a855f726;border:1px solid #a855f759;border-radius:20px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.ai-timer-badge{color:var(--text-primary);font-variant-numeric:tabular-nums;background:#0f172a0f;border:1px solid #0f172a1a;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.ai-stage-title{color:#fff;align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;display:flex}.ai-stage-detail{color:var(--text-secondary);border-left:3px solid var(--secondary);background:#00000040;border-radius:8px;padding:.65rem .85rem;font-size:.82rem;line-height:1.45}.ai-subphases-row{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:.2rem;display:grid}@media (width<=600px){.ai-subphases-row{grid-template-columns:repeat(2,1fr)}}.ai-subphase-pill{text-align:center;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;background:#0f172a0a;border:1px solid #0f172a12;border-radius:6px;padding:.35rem .4rem;font-size:.68rem;font-weight:600;transition:all .3s;overflow:hidden}.ai-subphase-pill.active{color:var(--secondary);background:#ff5e3a26;border-color:#ff5e3a66;box-shadow:0 0 10px #ff5e3a33}.ai-subphase-pill.completed{color:var(--accent);background:#10b9811f;border-color:#10b9814d}@keyframes pulse-border{0%{box-shadow:0 0 #a855f766}70%{box-shadow:0 0 0 8px #a855f700}to{box-shadow:0 0 #a855f700}}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}.sticky-player-panel{position:static}}.sticky-player-panel{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:2rem}.video-wrapper{border:1px solid var(--border-color);background:#000;border-radius:12px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrapper iframe,.video-wrapper video,.video-wrapper #youtube-player-container,.video-wrapper #youtube-player{border:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.clips-list{flex-direction:column;gap:1.25rem;max-height:80vh;padding-right:.5rem;display:flex;overflow-y:auto}.clip-card{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#141b2f66;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.clip-card:hover{background:#1e294973;border-color:#a855f733;transform:translate(4px)}.clip-card.active{border-color:var(--primary);background:#8b5cf614;box-shadow:0 0 15px #a855f726}.clip-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.clip-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:600}.score-badge{border-radius:30px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:700;display:inline-flex}.score-high{color:var(--secondary);background:#ff5e3a1f;border:1px solid #ff5e3a59}.score-medium{color:var(--primary);background:#a855f71f;border:1px solid #a855f759}.score-meta{color:var(--text-secondary);gap:1rem;font-size:.875rem;font-weight:500;display:flex}.timestamp-pill{color:var(--primary);background:#0f172a0f;border-radius:6px;padding:.15rem .5rem;font-family:monospace;font-weight:700}.clip-analysis{color:var(--text-secondary);font-size:.9rem;line-height:1.45}.clip-quotes{border-left:2px solid var(--secondary-glow);flex-direction:column;gap:.35rem;margin:.25rem 0;padding-left:.75rem;display:flex}.quote-item{color:var(--text-secondary);font-size:.85rem;font-style:italic}.clip-suggestions{background:#ffffff04;border:1px solid #0f172a0d;border-radius:8px;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.6rem .8rem;display:flex}.suggestion-item{color:var(--text-secondary);align-items:flex-start;gap:.4rem;font-size:.8rem;line-height:1.4;display:flex}.suggestion-label{color:var(--text-primary);white-space:nowrap;font-weight:600}.suggestion-value{color:var(--text-secondary);word-break:break-word}.copy-mini-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);opacity:.6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:.5rem;padding:2px 6px;font-size:.75rem;display:flex}.copy-mini-btn:hover{color:var(--primary);opacity:1;background:#0f172a17}.timestamp-pill{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#0f172a0d;border-radius:6px;align-items:center;gap:4px;padding:.15rem .45rem;font-family:monospace;font-size:.78rem;display:inline-flex}.timestamp-pill:hover{color:var(--secondary);background:#ff5e3a1f;border-color:#ff5e3a66}.timestamp-dropdown-menu{background:var(--cc-surface,#fff);border:1px solid var(--cc-border-strong,#d9d2c3);z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;border-radius:10px;flex-direction:column;gap:.25rem;min-width:290px;max-width:340px;padding:.5rem;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 6px);box-shadow:0 12px 30px #000000bf,0 0 20px #ff5e3a1f}.timestamp-scope-selector{background:#00000059;border:1px solid #0f172a17;border-radius:8px;gap:4px;margin-bottom:.25rem;padding:3px;display:flex}.timestamp-scope-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.timestamp-scope-btn:hover{color:var(--text-primary);background:#0f172a0f}.timestamp-scope-btn.active{color:var(--secondary);background:#ff5e3a26;border-color:#ff5e3a73;box-shadow:0 2px 8px #ff5e3a26}.timestamp-scope-btn.active.scope-marked{color:#c084fc;background:#a855f72e;border-color:#a855f780;box-shadow:0 2px 8px #a855f733}.timestamp-scope-count{color:inherit;background:#0f172a17;border-radius:10px;padding:1px 6px;font-size:.68rem;font-weight:700}.timestamp-scope-btn.active .timestamp-scope-count{color:#fff;background:#ff5e3a40}.timestamp-scope-btn.active.scope-marked .timestamp-scope-count{color:#fff;background:#a855f74d}.timestamp-menu-empty-notice{color:#fbbf24;background:#f59e0b1a;border:1px dashed #f59e0b4d;border-radius:6px;margin-bottom:.25rem;padding:.4rem .6rem;font-size:.72rem;line-height:1.35}.timestamp-menu-item{color:var(--text-primary);cursor:pointer;text-align:left;width:100%;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .65rem;display:flex}.timestamp-menu-item:hover:not(:disabled){background:#0f172a12}.transcript-box{color:var(--text-primary);background:#0000004d;border:1px solid #0f172a0a;border-radius:8px;max-height:150px;margin-top:.5rem;padding:1rem;font-size:.875rem;line-height:1.6;overflow-y:auto}.toast-msg{background:var(--bg-surface);border:1px solid var(--accent);color:var(--text-primary);z-index:100000;border-radius:12px;align-items:center;gap:.65rem;padding:.85rem 1.15rem .85rem 1.25rem;font-weight:600;animation:.3s cubic-bezier(.18,.89,.32,1.28) slide-in;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 30px #00000080,0 0 10px #10b98133}.toast-text{word-break:break-word;flex:1;font-size:.88rem}.toast-close-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:.5rem;padding:.25rem .45rem;font-size:.85rem;line-height:1;display:flex}.toast-close-btn:hover{color:#fff;background:#0f172a26}@keyframes slide-in{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.filter-controls-bar{gap:.75rem;width:100%;display:flex}.search-filter-input{background:#0a0f1e99;flex:1}.virality-filter-select{color:var(--text-primary);border:1px solid var(--border-color);appearance:none;background-color:#0a0f1e99;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem}.virality-filter-select option{background-color:var(--cc-surface,#fff);color:var(--text-primary)}.action-link-btn{transition:var(--transition-smooth);opacity:.8}.action-link-btn:hover{opacity:1;text-shadow:0 0 8px}.app-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.header-logo{align-items:center;gap:.75rem;display:flex}.logo-emoji{font-size:2.5rem;line-height:1;display:inline-block}.logo-title-row{align-items:center;gap:.6rem;display:flex}.logo-title{text-transform:uppercase;letter-spacing:-.03em;margin:0;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;line-height:1.1;display:inline-block}.pro-badge{letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;vertical-align:middle;background:linear-gradient(135deg,#ff007a 0%,#7928ca 100%);border:1px solid #ffffff59;border-radius:9999px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 0 14px #ff007a73,0 2px 6px #0000004d;color:#fff!important;-webkit-text-fill-color:#fff!important}.pro-badge-icon{fill:currentColor;filter:drop-shadow(0 0 3px #ffd700cc);display:inline-block;color:gold!important;-webkit-text-fill-color:gold!important}.header-subtitle{color:var(--text-secondary);margin:0;font-size:.85rem}.header-nav{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition-smooth);font-size:.85rem;text-decoration:none}.nav-link:hover{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.form-main-input-row{grid-template-columns:1fr auto;align-items:end;gap:1rem;display:grid}.form-settings-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=1024px){.sticky-player-panel{position:static}}@media (width<=768px){.app-container{gap:1.5rem;padding:1rem}.app-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding-bottom:1rem}.header-nav{justify-content:flex-start;width:100%}.logo-title{font-size:1.75rem}.header-logo .logo-emoji{font-size:2rem!important}.glass-panel{padding:1.25rem}.form-main-input-row{grid-template-columns:1fr;gap:1rem}.form-main-input-row button{width:100%;height:48px}.form-settings-grid{grid-template-columns:1fr;gap:1.25rem}.duration-selector{flex-direction:column;width:100%}.duration-btn{width:100%;padding:.6rem}.toast-msg{justify-content:center;padding:.75rem 1rem;font-size:.85rem;bottom:1rem;left:1rem;right:1rem}.filter-controls-bar{flex-direction:column;gap:.5rem}.virality-filter-select{width:100%!important}.clip-header{flex-wrap:wrap;gap:.75rem}}.video-subtitle-overlay{-webkit-backdrop-filter:blur(8px);color:#fff;text-align:center;pointer-events:none;z-index:10;text-shadow:0 2px 4px #0009;background:#080b14d9;border:1px solid #0f172a1a;border-radius:8px;max-width:85%;padding:8px 20px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;line-height:1.4;animation:.25s ease-out fadeInSubtitle;position:absolute;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}@keyframes fadeInSubtitle{0%{opacity:0}to{opacity:1}}label[for=manual-subtitle-file]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff5e3a26;border-color:var(--secondary)!important;color:var(--secondary)!important;background:#ff5e3a14!important}#loading-progress-section{border:1px solid #a855f740;scroll-margin-top:2.5rem;transition:border-color .4s,box-shadow .4s;animation:.5s cubic-bezier(.16,1,.3,1) forwards loadingCardEntrance;box-shadow:0 12px 40px #00000073,0 0 30px #a855f71f}@keyframes loadingCardEntrance{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#04050cd1;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.studio-modal-card{background:linear-gradient(#161826fa 0%,#0e0f1afc 100%);border:1px solid #0f172a1f;border-radius:20px;flex-direction:column;width:100%;max-width:980px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #000000b3,0 0 40px #a855f726}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.studio-modal-header{border-bottom:1px solid #0f172a17;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.studio-header-title{align-items:center;gap:1rem;display:flex}.studio-icon-badge{background:#0f172a0f;border:1px solid #0f172a1a;border-radius:12px;padding:.5rem;font-size:1.8rem}.studio-title-row{align-items:center;gap:.6rem;display:flex}.studio-title-row h2{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700}.studio-header-desc{color:var(--text-muted);margin:.2rem 0 0;font-size:.8rem}.studio-close-btn{color:var(--text-secondary);cursor:pointer;background:#0f172a12;border:1px solid #0f172a1a;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.studio-close-btn:hover{color:#fff;background:#0f172a1f}.studio-content-grid{flex:1;grid-template-columns:1fr 300px;gap:1.5rem;padding:1.5rem;display:grid;overflow-y:auto}.studio-controls-col{flex-direction:column;gap:1.25rem;display:flex}.studio-section{background:#0f172a0a;border:1px solid #0f172a12;border-radius:14px;padding:1rem 1.25rem}.studio-label{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:flex}.studio-tag{color:var(--primary);background:#a855f71f;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:500}.aspect-options-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}@media (width<=1200px){.aspect-options-grid{grid-template-columns:repeat(3,1fr)}}.aspect-card-btn{cursor:pointer;color:var(--text-primary);background:#0f172a0d;border:1.5px solid #0f172a17;border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .4rem;transition:all .2s;display:flex}.aspect-card-btn:hover{background:#0f172a14;border-color:#0f172a2e}.aspect-card-btn.active{border-color:var(--primary);background:#a855f71f;box-shadow:0 0 16px #a855f740}.aspect-icon-box{background:#0f172a1a;border:1px dashed #0f172a40;border-radius:4px}.aspect-card-btn.active .aspect-icon-box{background:var(--primary);border-color:#fff}.aspect-icon-box.ratio-916{width:18px;height:32px}.aspect-icon-box.ratio-11,.aspect-icon-box.ratio-43,.aspect-icon-box.ratio-169{justify-content:center;align-items:center;width:18px;height:32px;display:flex;position:relative}.aspect-icon-box.ratio-11:after,.aspect-icon-box.ratio-43:after,.aspect-icon-box.ratio-169:after{content:"";background:#ffffff8c;border-radius:1.5px;transition:background .2s}.aspect-card-btn:hover .aspect-icon-box.ratio-11:after,.aspect-card-btn:hover .aspect-icon-box.ratio-43:after,.aspect-card-btn:hover .aspect-icon-box.ratio-169:after{background:#ffffffd9}.aspect-card-btn.active .aspect-icon-box.ratio-11:after,.aspect-card-btn.active .aspect-icon-box.ratio-43:after,.aspect-card-btn.active .aspect-icon-box.ratio-169:after{background:#fff}.aspect-icon-box.ratio-11:after{width:14px;height:14px}.aspect-icon-box.ratio-43:after{width:14px;height:10.5px}.aspect-icon-box.ratio-169:after{width:14px;height:8px}.aspect-icon-box.ratio-169landscape{width:34px;height:19px}.aspect-name{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700}.aspect-sub{color:var(--text-muted);text-align:center;font-size:.68rem}.studio-sub-toggle{border-top:1px solid #0f172a12;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.sub-toggle-label{color:var(--text-muted);font-size:.78rem}.toggle-pill-group{flex-wrap:wrap;gap:.4rem;display:flex}.pill-btn{color:var(--text-secondary);cursor:pointer;background:#0f172a0f;border:1px solid #0f172a1a;border-radius:6px;padding:.3rem .65rem;font-size:.75rem;transition:all .2s}.pill-btn:hover{color:#fff;background:#0f172a1a}.pill-btn.active{background:var(--secondary);border-color:var(--secondary);color:#fff;font-weight:600;box-shadow:0 0 10px #ff5e3a4d}.studio-font-section{border-top:1px solid #0f172a12;flex-direction:column;gap:.55rem;width:100%;margin-top:.85rem;padding-top:.85rem;display:flex}.font-section-header{justify-content:space-between;align-items:center;width:100%;display:flex}.font-dropzone{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#38bdf808;border:1.5px dashed #38bdf84d;border-radius:9px;align-items:center;gap:.85rem;width:100%;margin-top:.2rem;padding:.65rem .95rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.font-dropzone:hover{background:#38bdf814;border-color:#38bdf8a6;box-shadow:0 0 14px #38bdf826}.font-dropzone.drag-over{transform:scale(1.008);background:#38bdf82e!important;border-style:solid!important;border-color:#38bdf8!important;box-shadow:0 0 20px #38bdf866!important}.font-dropzone-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.font-dropzone-text{text-align:left;flex-direction:column;gap:.15rem;display:flex}.font-dropzone-title{color:#e0f2fe;font-size:.82rem;font-weight:700}.font-dropzone-desc{color:#e0f2feb3;font-size:.7rem}.streamer-presets-row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.streamer-btn{color:var(--text-secondary);cursor:pointer;text-align:center;background:#0f172a0d;border:1px solid #0f172a17;border-radius:8px;padding:.6rem .5rem;font-size:.76rem;transition:all .2s}.streamer-btn:hover{color:#fff;background:#0f172a17}.streamer-btn.active{color:#fff;background:#47bfff26;border-color:#47bfff;font-weight:600;box-shadow:0 0 12px #47bfff4d}.title-inputs-row{gap:.6rem;display:flex}.studio-text-input{box-sizing:border-box;color:#fff;background:#0000004d;border:1px solid #0f172a1a;border-radius:8px;flex:1;width:100%;padding:.6rem .9rem;font-size:.85rem}.studio-text-input:focus{border-color:var(--primary);outline:none}.studio-select{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #0f172a1a;border-radius:8px;padding:.55rem .85rem;font-size:.82rem}.caption-styles-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.caption-style-card{cursor:pointer;background:#0006;border:1.5px solid #0f172a17;border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .4rem;transition:all .2s;display:flex}.caption-style-card:hover{border-color:#0f172a38}.caption-style-card.active{background:#ffd7000f;border-color:gold;box-shadow:0 0 16px #ffd70040}.caption-preview-text{color:#fff;text-shadow:0 1px 3px #000c;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800}.pop-yellow{color:#ffe600;text-shadow:0 0 8px #ffe60099}.pop-green{color:#00ff7f;text-shadow:0 0 8px #00ff7f99}.pop-violet{color:#d946ef;text-shadow:0 0 8px #d946ef99}.pop-red{color:#ff2e2e;text-shadow:0 0 8px #ff2e2e99}.pop-cyan{color:#00f0ff;text-shadow:0 0 8px #00f0ff99}.pop-gold{color:#ffb800;text-shadow:0 0 8px #ffb80099}.pill-badge{background:#000000b3;border-radius:4px;padding:.1rem .4rem}.caption-style-sub{color:var(--text-muted);font-size:.65rem}.batch-clips-list{flex-direction:column;gap:.4rem;max-height:140px;padding-right:.3rem;display:flex;overflow-y:auto}.batch-clip-item{cursor:pointer;background:#00000040;border:1px solid #0f172a12;border-radius:8px;align-items:center;gap:.6rem;padding:.45rem .75rem;transition:all .15s;display:flex}.batch-clip-item:hover{background:#0f172a0f}.batch-clip-item.selected{border-color:var(--primary);background:#a855f714}.batch-clip-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;font-weight:600;overflow:hidden}.batch-clip-ts{color:var(--text-muted);font-family:monospace;font-size:.7rem}.batch-titles-list{flex-direction:column;gap:.65rem;max-height:280px;padding-right:.3rem;display:flex;overflow-y:auto}.batch-title-card-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;border:1px solid #0f172a17;border-radius:10px;flex-direction:column;gap:.45rem;padding:.65rem .8rem;transition:all .2s;display:flex}.batch-title-card-item:hover{background:#0f172ad9;border-color:#a855f74d}.batch-title-card-item.active-preview-border{background:#0e74901f;border-color:#38bdf899;box-shadow:0 0 12px #38bdf826}.batch-title-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.batch-title-card-left{align-items:center;gap:.45rem;display:flex}.batch-title-clip-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859;border-radius:5px;padding:.1rem .45rem;font-size:.72rem;font-weight:800}.batch-title-ts{color:var(--text-muted);font-family:monospace;font-size:.72rem}.batch-title-score-pill{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:4px;padding:.1rem .4rem;font-size:.68rem;font-weight:700}.batch-title-card-right{align-items:center;gap:.4rem;display:flex}.batch-title-reset-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:600;transition:all .15s}.batch-title-reset-btn:hover{color:#f87171;background:#ef44441a}.batch-title-preview-btn{color:#e2e8f0;cursor:pointer;background:#0f172a12;border:1px solid #0f172a1f;border-radius:5px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;transition:all .15s}.batch-title-preview-btn:hover{color:#38bdf8;background:#38bdf833;border-color:#38bdf880}.batch-title-preview-btn.is-active{color:#38bdf8;background:#38bdf840;border-color:#38bdf8;font-weight:700}.batch-title-input-wrapper{width:100%}.batch-title-input{color:#fff;box-sizing:border-box;background:#00000073;border:1px solid #0f172a1f;border-radius:6px;width:100%;padding:.38rem .65rem;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.batch-title-input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.batch-title-combined-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:#0000004d;border:1px dashed #0f172a17;border-radius:5px;align-items:center;gap:.4rem;padding:.25rem .55rem;font-size:.7rem;display:flex;overflow:hidden}.batch-titles-empty-box{color:var(--text-muted);background:#0f172a0a;border:1px dashed #0f172a1f;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:.78rem;display:flex}.segment-reorder-group{background:#0f172a0f;border:1px solid #0f172a17;border-radius:6px;align-items:center;gap:.2rem;padding:.15rem .25rem;display:inline-flex}.segment-reorder-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.15rem .35rem;font-size:.65rem;line-height:1;transition:all .15s cubic-bezier(.16,1,.3,1)}.segment-reorder-btn:hover:not(:disabled){color:#38bdf8;background:#38bdf826}.segment-reorder-btn:disabled{opacity:.25;cursor:not-allowed}.export-mode-group{transition:var(--transition-smooth);border-radius:14px;padding:1.1rem;position:relative;box-shadow:0 4px 20px #00000040;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important}.export-mode-switcher{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.65rem;display:grid}.export-mode-btn{text-align:left;border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#0f172a08;border-radius:10px;flex-direction:column;padding:.85rem 1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.export-mode-btn:hover{background:var(--bg-surface-hover);border-color:#0f172a24;transform:translateY(-1px)}.export-mode-btn.active{border-color:var(--primary);color:#fff;background:linear-gradient(135deg,#8b5cf61f 0%,#3b82f614 100%);box-shadow:0 0 16px #8b5cf633}.mode-btn-content{flex-direction:column;gap:.25rem;display:flex}.mode-btn-title{color:#fff;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;display:flex}.mode-btn-desc{color:var(--text-muted);font-size:.72rem;line-height:1.35}.export-mode-btn.active .mode-btn-desc{color:#ffffffbf}.compilation-config-card{background:#10b9810a;border:1px solid #10b98138;border-radius:10px;flex-direction:column;gap:.45rem;margin-top:.85rem;padding:.85rem 1rem;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.compilation-label{color:#34d399;font-size:.76rem;font-weight:700}.compilation-title-input{color:#fff;box-sizing:border-box;background:#00000073;border:1px solid #10b98159;border-radius:8px;outline:none;width:100%;padding:.5rem .8rem;font-size:.82rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.compilation-title-input:focus{border-color:#34d399;box-shadow:0 0 0 2px #10b98140}.studio-preview-col{background:#00000059;border:1px solid #0f172a17;border-radius:16px;flex-direction:column;align-items:center;padding:1.25rem;display:flex}.preview-heading{color:var(--text-secondary);margin:0 0 1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600}.phone-wireframe-container{box-sizing:border-box;background:#000;border:3px solid #0f172a38;border-radius:24px;flex-shrink:0;width:320px;min-width:320px;max-width:320px;height:569px;min-height:569px;max-height:569px;transition:width .3s,height .3s,border-radius .3s;position:relative;overflow:hidden;box-shadow:0 12px 36px #0009,0 0 20px #a855f726}.phone-wireframe-container.is-landscape{border-radius:12px;width:320px;min-width:320px;max-width:320px;height:180px;min-height:180px;max-height:180px}.wireframe-bg{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:relative}.wireframe-bg.black-bg{background:#000}.wireframe-bg.blurred-ambient{background:radial-gradient(circle,#3b1b59 0%,#160c2b 50%,#06020c 100%)}.wireframe-single-layout{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.wireframe-single-layout.split-active{justify-content:center;align-items:center;gap:0;padding:4px 0}.wireframe-content-box{z-index:5;background:linear-gradient(135deg,#1f293d 0%,#0f172a 100%);border:1px solid #0f172a26;justify-content:center;align-items:center;width:100%;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080}.wireframe-content-box.aspect-916{background:radial-gradient(circle at 50% 40%,#1e293b 0%,#0f172a 60%,#020617 100%);border:none;width:100%;height:100%}.wireframe-content-box.aspect-11{width:100%;height:320px}.wireframe-content-box.aspect-43{width:100%;height:240px}.wireframe-content-box.aspect-169{width:100%;height:180px}.wireframe-content-box.aspect-169landscape{border:none;width:100%;height:100%}.wireframe-content-inner{background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.wireframe-split-cam-box{z-index:6;background:#0d1117;border:1.5px solid #00ffff73;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0009}.wireframe-split-cam-box.aspect-169,.wireframe-content-box.split-mode.aspect-169{aspect-ratio:16/9;width:100%;height:180px}.wireframe-split-cam-box.aspect-11,.wireframe-content-box.split-mode.aspect-11{aspect-ratio:1;width:255px;height:255px}.wireframe-split-cam-box.aspect-43,.wireframe-content-box.split-mode.aspect-43{aspect-ratio:4/3;width:300px;height:225px}.wireframe-split-cam-box.aspect-916,.wireframe-content-box.split-mode.aspect-916{aspect-ratio:9/16;width:148px;height:263px}.wireframe-split-divider{z-index:8;background:linear-gradient(90deg,#0000,#0ff,#8b5cf6,#0000);border-radius:2px;flex-shrink:0;width:80%;max-width:260px;height:2px;margin:6px auto;box-shadow:0 0 10px #00ffffb3}.wireframe-content-box.split-mode{border:1.5px solid #8b5cf673;border-radius:8px;flex-shrink:0;box-shadow:0 4px 16px #0009}.wireframe-facecam-skeleton{-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#1e293b 0%,#0f172a 65%,#020617 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.skeleton-grid-mesh{pointer-events:none;background-image:linear-gradient(#00ffff0d 1px,#0000 1px),linear-gradient(90deg,#00ffff0d 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.skeleton-reticle{z-index:2;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:6px;display:flex;position:relative}.reticle-bracket{border-style:solid;border-color:#0ff;width:10px;height:10px;position:absolute}.reticle-bracket.top-left{border-width:2px 0 0 2px;top:0;left:0}.reticle-bracket.top-right{border-width:2px 2px 0 0;top:0;right:0}.reticle-bracket.bottom-left{border-width:0 0 2px 2px;bottom:0;left:0}.reticle-bracket.bottom-right{border-width:0 2px 2px 0;bottom:0;right:0}.skeleton-avatar{color:#0ff;background:#00ffff14;border:1px solid #00ffff4d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 0 14px #00ffff40}.skeleton-label-wrap{z-index:2;flex-direction:column;align-items:center;gap:2px;display:flex}.skeleton-main-label{letter-spacing:.08em;color:#f1f5f9;text-shadow:0 0 8px #00ffff80;font-size:.72rem;font-weight:800}.skeleton-sub-label{letter-spacing:.05em;color:#94a3b8;font-size:.58rem;font-weight:600}.wireframe-pip-skeleton{color:#0ff;background:radial-gradient(circle,#1e293b 0%,#090d16 100%);flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.pip-skeleton-text{color:#94a3b8;letter-spacing:.06em;font-size:.55rem;font-weight:800}.wireframe-cam-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#0ff;letter-spacing:.04em;z-index:10;pointer-events:none;background:#000000c7;border:1px solid #00ffff80;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:6px;left:6px}.wireframe-gameplay-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c4b5fd;letter-spacing:.04em;z-index:10;pointer-events:none;background:#000000c7;border:1px solid #8b5cf680;border-radius:4px;padding:2px 7px;font-size:.62rem;font-weight:800;position:absolute;bottom:6px;left:6px}.live-dot{background:#f05;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #f05}.wireframe-pip-box{z-index:15;background:#000;border:2px solid #0ff;border-radius:8px;justify-content:center;align-items:center;width:88px;height:66px;display:flex;position:absolute;top:8px;right:8px;overflow:hidden;box-shadow:0 4px 16px #000c,0 0 10px #0ff6}.wireframe-pip-badge{color:#fff;pointer-events:none;background:#000c;border:.5px solid #0f172a4d;border-radius:3px;padding:1px 4px;font-size:.55rem;font-weight:800;position:absolute;bottom:2px;right:3px}.wireframe-label{color:#fff;font-size:.68rem;font-weight:700}.wireframe-title-overlay{text-align:center;z-index:10;pointer-events:none;padding:0 .75rem;transition:top .25s;position:absolute;left:0;right:0}.wireframe-title-text{color:#fff;letter-spacing:.02em;white-space:pre-line;text-shadow:0 1px 4px #000000f2;border-radius:4px;max-width:96%;padding:.22rem .6rem;font-family:Outfit,sans-serif;font-weight:800;line-height:1.08;display:inline-block}.wireframe-caption-overlay{text-align:center;z-index:10;white-space:nowrap;pointer-events:none;padding:0 .5rem;transition:bottom .25s,top .25s;position:absolute;bottom:34px;left:0;right:0;overflow:hidden}.wireframe-caption-overlay.mode-center{bottom:auto!important;transform:translateY(-50%)!important}.wireframe-caption-text{letter-spacing:.04em;color:#fff;text-shadow:0 1px 4px #000,0 0 10px #000c;white-space:nowrap;font-size:.74rem;font-weight:800;display:inline-block}.preview-tip{color:var(--text-muted);text-align:center;margin:.75rem 0 0;font-size:.72rem}.studio-modal-footer{background:#0003;border-top:1px solid #0f172a17;flex-shrink:0;justify-content:flex-end;gap:.85rem;padding:1.25rem 1.5rem;display:flex}.studio-btn-cancel{color:var(--text-secondary);cursor:pointer;background:#0f172a12;border:1px solid #0f172a1f;border-radius:10px;padding:.6rem 1.25rem;font-size:.85rem;transition:all .2s}.studio-btn-cancel:hover{color:#fff;background:#0f172a1f}.studio-btn-render{cursor:pointer;border-radius:10px;padding:.65rem 1.5rem;font-size:.88rem;font-weight:700}.studio-btn-render:disabled,.studio-btn-render.big-render-cta:disabled{opacity:.45!important;cursor:not-allowed!important;filter:grayscale(.85)!important;box-shadow:none!important;color:#94a3b8!important;background:#0f172a17!important;border:1px solid #0f172a1f!important;transform:none!important}.batch-progress-card{background:var(--cc-surface,#fff);border:1px solid var(--cc-border,#e7e2d8);width:100%;max-width:680px;box-shadow:var(--cc-shadow-lg,0 16px 40px #0f172a1f);border-radius:20px;padding:1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp}.batch-progress-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.batch-progress-header h3{font-size:1.25rem;font-family:var(--cc-font-display,"Sora", "Outfit", sans-serif);color:var(--text-primary);margin:0}.batch-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.82rem}.batch-overall-bar-wrap{margin-bottom:1.5rem}.batch-overall-bar{background:#0f172a17;border-radius:999px;height:10px;overflow:hidden}.batch-overall-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);height:100%;transition:width .4s;box-shadow:0 0 12px #ff5e3a80}.batch-overall-meta{color:var(--text-muted);justify-content:space-between;margin-top:.4rem;font-size:.76rem;display:flex}.batch-render-items-list{flex-direction:column;gap:.6rem;max-height:280px;margin-bottom:1.5rem;display:flex;overflow-y:auto}.batch-item-row{background:#0f172a0a;border:1px solid #0f172a12;border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.batch-item-col-title{align-items:center;gap:.6rem;max-width:65%;display:flex}.batch-item-num{color:var(--primary);font-size:.75rem;font-weight:700}.batch-item-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.status-badge{border-radius:6px;padding:.25rem .6rem;font-size:.72rem;font-weight:700}.status-badge.pending{color:var(--text-muted);background:#0f172a12}.status-badge.active{color:var(--secondary);background:#ff5e3a26;border:1px solid #ff5e3a4d;animation:1.5s infinite pulse}.status-badge.success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.status-badge.error{color:#ef4444;background:#ef444426}.completed-action-row{align-items:center;gap:.5rem;display:flex}.btn-download-clip{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #10b9814d}.btn-download-clip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98180}.batch-footer-actions{justify-content:flex-end;gap:.85rem;display:flex}.batch-zip-download-btn{border-radius:10px;padding:.65rem 1.25rem;font-size:.85rem;text-decoration:none}.rendering-in-progress-hint{color:var(--text-muted);align-items:center;gap:.6rem;font-size:.78rem;display:flex}.cookies-modal-card{-webkit-backdrop-filter:blur(28px);background:#0d111cf5;border:1px solid #0f172a1f;border-radius:18px;flex-direction:column;width:92%;max-width:620px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000b3,0 0 0 1px #0f172a0f}.cookies-modal-scrollable{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.cookies-modal-scrollable::-webkit-scrollbar{width:6px}.cookies-modal-scrollable::-webkit-scrollbar-track{background:#00000026}.cookies-modal-scrollable::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.cookies-modal-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff59}.cookies-storage-notice{color:var(--text-secondary);background:#38bdf814;border:1px solid #38bdf840;border-radius:8px;align-items:center;gap:.6rem;margin:0 1.5rem .75rem;padding:.65rem .95rem;font-size:.78rem;line-height:1.45;display:flex}.cookies-notice-icon{flex-shrink:0;font-size:1.15rem}.cookies-status-section{padding:1.25rem 1.5rem .75rem}.cookie-status-box{border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.cookie-status-box.active{background:#22c55e14;border:1px solid #22c55e4d}.cookie-status-box.warning{background:#eab30814;border:1px solid #eab3084d}.status-icon{font-size:1.5rem;line-height:1}.status-info{flex:1}.status-info strong{color:#fff;margin-bottom:.25rem;font-size:.92rem;display:block}.status-info p{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.status-info code{color:#60a5fa;background:#0f172a17;border-radius:4px;padding:.15rem .35rem;font-family:monospace;font-size:.78rem}.cookie-preview-details{color:var(--text-muted);cursor:pointer;margin-top:.5rem;font-size:.76rem}.cookie-preview-code{color:#a7f3d0;background:#0006;border-radius:6px;max-height:90px;margin-top:.4rem;padding:.5rem .75rem;font-family:monospace;font-size:.72rem;line-height:1.35;overflow-y:auto}.btn-danger-outline{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef444480;border-radius:8px;padding:.4rem .85rem;font-size:.75rem;font-weight:600;transition:all .2s}.btn-danger-outline:hover{background:#ef444426;border-color:#ef4444}.cookie-alert-box{border-radius:8px;margin:0 1.5rem .75rem;padding:.65rem 1rem;font-size:.82rem;font-weight:500}.cookie-alert-box.alert-success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e66}.cookie-alert-box.alert-error{color:#f87171;background:#ef444426;border:1px solid #ef444466}.cookie-alert-box.alert-info{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f666}.cookies-body-section{flex-direction:column;gap:.85rem;padding:0 1.5rem 1.25rem;display:flex}.cookies-upload-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cookies-file-label{color:#fff;cursor:pointer;background:#0f172a17;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.cookies-file-label:hover{background:#0f172a24;border-color:#0f172a40}.cookies-or-divider{color:var(--text-muted);font-size:.78rem}.cookies-textarea{color:#e2e8f0;resize:vertical;background:#00000073;border:1px solid #0f172a1a;border-radius:10px;outline:none;width:100%;padding:.75rem;font-family:monospace;font-size:.78rem;line-height:1.4}.cookies-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #ff5e3a33}.cookies-guide-card{background:#0f172a0a;border:1px solid #0f172a12;border-radius:10px;padding:.85rem 1.1rem}.cookies-guide-card h4{color:#fbbf24;margin:0 0 .5rem;font-size:.82rem}.cookies-guide-card ol{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:.78rem;line-height:1.5}.cookies-guide-card a{color:#60a5fa;text-decoration:underline}.cookie-header-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.clip-studio-page-section{-webkit-backdrop-filter:blur(24px);background:#0d111cd9;border:1px solid #0f172a1a;border-radius:20px;margin-top:2.5rem;margin-bottom:3.5rem;padding:2rem;position:relative;overflow:visible;box-shadow:0 16px 48px #00000080,0 0 0 1px #0f172a0a}.clip-studio-page-section:before{content:"";background:linear-gradient(90deg,#ff5e3a 0%,#a855f7 50%,#3b82f6 100%);border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.studio-section-header{border-bottom:1px solid #0f172a17;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.5rem;display:flex}.studio-header-left{align-items:center;gap:1.1rem;display:flex}.studio-icon-glow{background:linear-gradient(135deg,#ff5e3a40 0%,#a855f759 100%);border:1px solid #ff5e3a66;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.75rem;display:flex;box-shadow:0 4px 18px #ff5e3a4d}.studio-title-badge-row{align-items:center;gap:.75rem;display:flex}.studio-main-heading{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 40%,#ffc0a8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800}.studio-subtext{color:var(--text-secondary);max-width:650px;margin:.3rem 0 0;font-size:.86rem;line-height:1.45}.preview-clip-picker-bar{background:#0f172a0d;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:.5rem;padding:.45rem .85rem;display:flex}.preview-picker-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.preview-clip-select{color:var(--secondary);cursor:pointer;background:0 0;border:none;outline:none;max-width:280px;font-size:.82rem;font-weight:700}.preview-clip-select option{background:var(--cc-surface,#fff);color:var(--text-primary)}.studio-workspace-grid{grid-template-columns:1fr 340px;align-items:start;gap:2.25rem;display:grid}@media (width<=1024px){.studio-workspace-grid{grid-template-columns:1fr}}.studio-controls-pane{flex-direction:column;gap:1.25rem;display:flex}.studio-card-group{background:#0f172a08;border:1px solid #0f172a0f;border-radius:14px;padding:1.25rem 1.4rem;transition:border-color .2s}.studio-card-group:hover{border-color:#ffffff17}.group-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.studio-card-group>.group-header:last-child{margin-bottom:0}.group-title{color:#fff;align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;display:flex}.group-badge{color:#60a5fa;background:#3b82f624;border:1px solid #3b82f64d;border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.group-badge.accent-badge{color:#c084fc;background:#a855f724;border-color:#a855f759}.group-badge.success-badge{color:#4ade80;background:#22c55e24;border-color:#22c55e59}.position-sliders-card{background:linear-gradient(135deg,#a855f70a 0%,#ff5e3a0a 100%)!important;border:1px solid #a855f74d!important}.slider-hint-text{color:var(--text-secondary);margin:0 0 .85rem;font-size:.78rem;line-height:1.45}.slider-control-row{background:#00000059;border:1px solid #0f172a14;border-radius:10px;padding:.85rem 1rem}.slider-meta-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.slider-label{color:var(--text-primary);font-size:.82rem;font-weight:600}.slider-value-badge{color:var(--secondary);background:#ff5e3a26;border:1px solid #ff5e3a4d;border-radius:6px;padding:.15rem .55rem;font-size:.76rem;font-weight:700}.slider-input-wrapper{align-items:center;gap:.85rem;display:flex}.custom-range-slider{appearance:none;cursor:pointer;background:#0f172a26;border-radius:3px;outline:none;flex:1;height:6px}.custom-range-slider::-webkit-slider-thumb{appearance:none;background:var(--secondary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 0 10px #ff5e3a99}.custom-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.custom-range-slider::-moz-range-thumb{background:var(--secondary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #ff5e3a99}.slider-quick-buttons{gap:.35rem;display:flex}.slider-quick-buttons button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#0f172a12;border:1px solid #0f172a1f;border-radius:6px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;transition:all .15s}.slider-quick-buttons button:hover{color:#fff;background:#0f172a24}.studio-preview-pane{z-index:20;flex-direction:column;flex-shrink:0;align-self:start;align-items:center;min-width:340px;max-width:340px;display:flex;position:sticky;top:1.5rem}.preview-sticky-wrap{scrollbar-width:thin;flex-direction:column;align-items:center;gap:.65rem;width:100%;max-height:calc(100vh - 2.5rem);padding-right:2px;display:flex;position:relative;overflow:hidden auto}.preview-header-bar{justify-content:space-between;align-items:center;width:100%;max-width:320px;padding:0 .2rem;display:flex}.preview-title{color:#fff;font-size:.84rem;font-weight:700}.preview-indicator{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:4px;padding:.1rem .4rem;font-size:.68rem;font-weight:600}.real-preview-container{box-shadow:0 20px 50px #000c,0 0 0 1px #0f172a26}.real-frame-bg-layer{background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.ambient-blur-backdrop{z-index:1;pointer-events:none;position:absolute;inset:-15px;overflow:hidden}.ambient-blur-img{object-fit:cover;-webkit-filter:blur(22px)brightness(.65)saturate(1.5);width:100%;height:100%;display:block;transform:scale(1.25)}.preview-real-frame-img{object-fit:cover;width:100%;height:100%;display:block}.raw-download-progress-card{background:#0f172af2;border:1px solid #3b82f680;border-radius:10px;flex-direction:column;gap:.45rem;margin-top:.75rem;padding:.75rem 1rem;animation:.2s fadeIn;display:flex;box-shadow:0 8px 24px #00000080,0 0 12px #3b82f633}.progress-card-header{justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;display:flex}.progress-card-title{color:#60a5fa;align-items:center;gap:.35rem;display:flex}.progress-card-eta{color:var(--text-muted);font-size:.72rem}.progress-track{background:#0f172a1a;border-radius:4px;width:100%;height:7px;overflow:hidden}.progress-fill-bar{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%);border-radius:4px;height:100%;transition:width .3s;box-shadow:0 0 8px #3b82f699}.progress-card-meta{color:var(--text-muted);justify-content:space-between;font-size:.7rem;display:flex}.preview-frame-controller{background:#0006;border:1px solid #0f172a17;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem .6rem;display:flex}.frame-ctrl-label{color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:600}.frame-time-pills{align-items:center;gap:.3rem;display:flex}.frame-pill{color:var(--text-secondary);cursor:pointer;background:#0f172a0f;border:1px solid #0f172a1f;border-radius:6px;padding:.2rem .5rem;font-size:.68rem;font-weight:600;transition:all .2s}.frame-pill:hover{color:#fff;background:#0f172a1f}.frame-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 8px #8b5cf666}.frame-refresh-btn{color:var(--text-muted);cursor:pointer;background:#0f172a0f;border:1px solid #0f172a1f;border-radius:6px;padding:.2rem .45rem;font-size:.72rem;transition:all .2s}.frame-refresh-btn:hover{color:#fff;background:#0f172a26}.frame-loading-overlay{z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c4b5fd;background:#0d1117d9;border:1px solid #8b5cf666;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.35rem .65rem;font-size:.72rem;font-weight:600;animation:.2s fadeIn;display:flex;position:absolute;top:8px;left:8px;right:8px;box-shadow:0 4px 12px #00000080}.loading-spinner-ring{border:2px solid #c4b5fd4d;border-top-color:#a855f7;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.preview-no-frame-placeholder{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1rem;display:flex}.placeholder-icon{font-size:1.5rem}.placeholder-text{color:var(--text-secondary);font-size:.75rem;font-weight:600}.placeholder-sub{color:var(--text-muted);font-size:.65rem}.studio-bottom-action-bar{background:#0006;border:1px solid #0f172a17;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:2rem;padding:1.25rem 1.75rem;display:flex}.action-bar-meta{flex-direction:column;gap:.25rem;display:flex}.meta-badge{color:#fff;font-size:.95rem;font-weight:600}.meta-badge strong{color:var(--secondary);font-size:1.1rem}.meta-sub{color:var(--text-muted);font-size:.78rem}.big-render-cta{border-radius:12px;padding:.85rem 2.25rem;font-size:.95rem;font-weight:700}.big-render-cta:disabled{opacity:.45;cursor:not-allowed;filter:grayscale();pointer-events:none;box-shadow:none!important;color:var(--text-muted)!important;background:#0f172a17!important}.inline-batch-card{box-sizing:border-box;background:#0d1117f2;border:1px solid #0f172a1a;border-radius:16px;width:100%;margin-top:1.25rem;padding:1.15rem;animation:.25s fadeIn;box-shadow:0 8px 24px #00000080}.inline-batch-card .batch-progress-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.inline-batch-card h4{color:#fff;margin:0;font-size:.92rem;font-weight:700}.inline-batch-card .batch-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.74rem}.inline-batch-card .batch-overall-bar-wrap{margin:.6rem 0 .85rem}.inline-batch-card .batch-render-items-list{flex-direction:column;gap:.45rem;max-height:220px;display:flex;overflow-y:auto}.studio-yt-embed-slot{pointer-events:none;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.studio-yt-embed-slot iframe{pointer-events:none;-webkit-user-select:none;user-select:none;border:none;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aspect-916 .studio-yt-embed-slot iframe{width:1012px;height:569px;left:calc(0px - (var(--preview-crop-pct,50) / 100) * 692px);transition:left .3s cubic-bezier(.25,1,.5,1);transform:translateY(-50%)}.aspect-11 .studio-yt-embed-slot iframe{width:569px;height:320px}.aspect-43 .studio-yt-embed-slot iframe{width:427px;height:240px}.aspect-169 .studio-yt-embed-slot iframe{width:320px;height:180px}.aspect-169landscape .studio-yt-embed-slot iframe{width:320px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%)}.wireframe-content-box.split-mode.aspect-916 .studio-yt-embed-slot iframe,.wireframe-content-box.split-mode.aspect-11 .studio-yt-embed-slot iframe{width:569px;height:320px}.wireframe-content-box.split-mode.aspect-43 .studio-yt-embed-slot iframe{width:427px;height:240px}.wireframe-content-box.split-mode.aspect-169 .studio-yt-embed-slot iframe{width:320px;height:180px}.studio-preview-click-overlay{z-index:15;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preview-play-icon-bubble{color:#fff;background:#000000a6;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-left:3px;font-size:1.3rem;transition:transform .2s,background .2s;display:flex;box-shadow:0 4px 20px #0009}.studio-preview-click-overlay:hover .preview-play-icon-bubble{background:#ff5e3ad9;border-color:#fff;transform:scale(1.1)}.studio-player-controls-card{box-sizing:border-box;background:#0d1117f2;border:1px solid #0f172a1f;border-radius:12px;width:100%;max-width:320px;margin-top:.85rem;padding:.65rem .85rem;box-shadow:0 4px 16px #0006}.player-timeline-row{width:100%;margin-bottom:.5rem}.player-timeline-slider{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:3px;outline:none;width:100%;height:6px}.player-timeline-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff5e3a;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 6px #ff5e3ab3}.player-timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.player-controls-bottom-row{justify-content:space-between;align-items:center;width:100%;display:flex}.player-controls-left{align-items:center;gap:.45rem;display:flex}.player-ctrl-btn{color:#fff;cursor:pointer;background:#0f172a17;border:1px solid #0f172a26;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.82rem;transition:all .15s;display:flex}.player-ctrl-btn:hover{background:#0f172a2e;transform:scale(1.05)}.player-time-badge{color:var(--text-secondary);white-space:nowrap;margin-left:.2rem;font-family:monospace;font-size:.72rem}.player-loop-toggle{color:var(--text-muted);cursor:pointer;background:#0f172a17;border:1px solid #0f172a26;border-radius:6px;padding:.22rem .55rem;font-size:.72rem;font-weight:600;transition:all .15s}.player-loop-toggle.active{color:#ff5e3a;background:#ff5e3a33;border-color:#ff5e3a66}.bottom-batch-dashboard-card{box-sizing:border-box;background:#0d1117f2;border:1px solid #0f172a1f;border-radius:16px;width:100%;padding:1.35rem 1.65rem;animation:.25s fadeIn;box-shadow:0 8px 30px #0009}.bottom-batch-dashboard-card .batch-progress-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.bottom-batch-dashboard-card h4{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.bottom-batch-dashboard-card .batch-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.bottom-batch-dashboard-card .batch-overall-bar-wrap{margin:.75rem 0 1.25rem}.bottom-batch-dashboard-card .batch-render-items-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem;max-height:280px;display:grid;overflow-y:auto}.studio-render-history-card{box-sizing:border-box;background:#0d1117f2;border:1px solid #0f172a1a;border-radius:12px;width:100%;max-width:320px;margin-top:.85rem;padding:.75rem .95rem;box-shadow:0 4px 16px #0006}.history-card-header{border-bottom:1px solid #0f172a17;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.4rem;display:flex}.history-card-title{color:#fff;font-size:.8rem;font-weight:700}.history-badge-pill{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:4px;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.history-info-grid{flex-direction:column;gap:.35rem;display:flex}.history-info-item{justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.history-info-item .info-key{color:var(--text-muted)}.history-info-item .info-val{color:var(--text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:600;overflow:hidden}.history-info-item .highlight-green{color:#10b981}.hardware-options-grid{flex-direction:column;gap:.55rem;display:flex}.hardware-option-card{text-align:left;cursor:pointer;box-sizing:border-box;background:#0f172a0a;border:1px solid #0f172a17;border-radius:10px;flex-direction:column;gap:.2rem;width:100%;padding:.65rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.hardware-option-card:hover{background:#0f172a12;border-color:#38bdf859;transform:translateY(-1px)}.hardware-option-card.active{background:#38bdf817;border-color:#38bdf8;box-shadow:0 0 16px #38bdf833}.hw-card-top{align-items:center;gap:.55rem;width:100%;display:flex}.hw-radio-dot{border:2px solid #0f172a40;border-radius:50%;flex-shrink:0;width:13px;height:13px;transition:all .2s}.hardware-option-card.active .hw-radio-dot{background:#38bdf8;border-color:#38bdf8;box-shadow:0 0 8px #38bdf8}.hw-card-name{color:#fff;flex:1;font-size:.84rem;font-weight:600}.hw-status-pill{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:9999px;padding:2px 7px;font-size:.65rem;font-weight:700}.hw-status-pill.active{color:#22c55e;background:#22c55e26;border:1px solid #22c55e59}.hw-status-pill.inactive{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.hw-card-sub{color:var(--text-secondary);padding-left:1.45rem;font-size:.72rem;line-height:1.35}.history-hardware-item{position:relative}.history-hw-select-wrapper{align-items:center;display:flex}.history-hw-select{appearance:none;color:#4ade80;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#22c55e1f;border:1px solid #22c55e59;border-radius:6px;outline:none;max-width:155px;padding:2px 8px;font-size:.72rem;font-weight:700;transition:all .2s}.history-hw-select:hover,.history-hw-select:focus{background:#22c55e38;border-color:#4ade80;box-shadow:0 0 10px #4ade8040}.history-hw-select option{background:var(--cc-surface,#fff);color:var(--text-primary)}.history-recent-list{border-top:1px solid #0f172a17;margin-top:.65rem;padding-top:.5rem}.recent-list-title{color:#ff5e3a;margin-bottom:.35rem;font-size:.7rem;font-weight:700;display:block}.recent-items-scroll{flex-direction:column;gap:.3rem;max-height:110px;display:flex;overflow-y:auto}.recent-file-row{background:#0f172a0d;border-radius:5px;justify-content:space-between;align-items:center;padding:.25rem .45rem;font-size:.7rem;display:flex}.recent-file-row .file-idx{color:var(--text-muted);margin-right:.35rem}.recent-file-row .file-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.recent-file-row .quick-dl-btn{color:#10b981;background:#10b98126;border-radius:3px;margin-left:.35rem;padding:.1rem .3rem;font-size:.68rem;font-weight:700;text-decoration:none}.studio-batch-queue-card{box-sizing:border-box;background:#0d1117f2;border:1px solid #0f172a1f;border-radius:14px;width:100%;max-width:320px;padding:.85rem 1rem;transition:all .3s;animation:.2s fadeIn;box-shadow:0 4px 20px #00000080}.studio-batch-queue-card.is-processing{border:1px solid #ff5e3a99;animation:2.2s ease-in-out infinite alternate studioQueuePulse;box-shadow:0 0 25px #ff5e3a4d,0 8px 32px #0009}@keyframes studioQueuePulse{0%{border-color:#ff5e3a73;box-shadow:0 0 16px #ff5e3a33,0 6px 24px #0009}to{border-color:#ff2a5fd9;box-shadow:0 0 32px #ff2a5f73,0 10px 36px #000000bf}}.batch-engine-indicator{letter-spacing:.04em;color:#ff5e3a;background:#ff5e3a1f;border:1px solid #ff5e3a59;border-radius:6px;align-items:center;gap:.35rem;padding:.15rem .45rem;font-size:.68rem;font-weight:800;animation:1.5s ease-in-out infinite alternate pulseIndicator;display:inline-flex}@keyframes pulseIndicator{0%{opacity:.75;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.slider-input-badge-wrap{background:#0f172a17;border:1px solid #ffffff2e;border-radius:6px;align-items:center;gap:.15rem;padding:.1rem .35rem;transition:all .15s;display:inline-flex}.slider-input-badge-wrap:focus-within{background:#38bdf81f;border-color:#38bdf8;box-shadow:0 0 8px #38bdf84d}.slider-number-input{color:#38bdf8;text-align:right;appearance:textfield;background:0 0;border:none;outline:none;width:44px;padding:0;font-family:Outfit,monospace,sans-serif;font-size:.74rem;font-weight:700}.slider-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-input-badge-wrap .unit-label{color:var(--text-muted);font-size:.68rem;font-weight:700}.studio-batch-queue-card .batch-progress-header{border-bottom:1px solid #0f172a17;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.35rem;display:flex}.studio-batch-queue-card .batch-queue-title{color:#fff;margin:0;font-size:.82rem;font-weight:700}.studio-batch-queue-card .batch-subtitle{color:var(--text-muted);margin-top:.15rem;font-size:.7rem}.studio-batch-queue-card .batch-overall-bar-wrap{margin:.45rem 0 .7rem}.studio-batch-queue-card .batch-render-items-list{scrollbar-width:thin;flex-direction:column;gap:.4rem;max-height:200px;padding-right:2px;display:flex;overflow-y:auto}.custom-confirm-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1.5rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.custom-confirm-modal-card{background:var(--cc-surface,#fff);border:1px solid var(--cc-border,#e7e2d8);text-align:center;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:1.75rem 2rem;display:flex;box-shadow:0 20px 60px #000c,0 0 30px #ff5e3a26}.confirm-modal-icon-wrap{color:#ff5e3a;background:#ff5e3a26;border:1px solid #ff5e3a66;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:1rem;font-size:1.75rem;display:flex;box-shadow:0 0 20px #ff5e3a40}.confirm-modal-title{color:#fff;margin:0 0 .6rem;font-size:1.18rem;font-weight:800}.confirm-modal-desc{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.84rem;line-height:1.45}.confirm-modal-actions{justify-content:center;gap:.85rem;width:100%;display:flex}.btn-confirm-cancel{color:#fff;cursor:pointer;background:#0f172a17;border:1px solid #ffffff2e;border-radius:8px;flex:1;padding:.65rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s}.btn-confirm-cancel:hover{background:#0f172a26}.btn-confirm-purge{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #ef444480;border-radius:8px;flex:1.3;padding:.65rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .15s;box-shadow:0 4px 16px #ef444466}.btn-confirm-purge:hover{filter:brightness(1.1);transform:translateY(-1px)}.bgm-dropzone,.bgm-upload-dropzone{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#0f172a08;border:1.5px dashed #0f172a26;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:all .2s;display:flex}.bgm-dropzone:hover,.bgm-upload-dropzone:hover{background:#a855f70f;border-color:#a855f773;box-shadow:0 0 16px #a855f726}.bgm-dropzone.drag-over,.bgm-upload-dropzone.drag-over{transform:scale(1.008);background:#a855f724!important;border-style:solid!important;border-color:#c084fc!important;box-shadow:0 0 24px #a855f759!important}.dropzone-icon{flex-shrink:0;font-size:1.7rem}.dropzone-text{flex-direction:column;gap:.2rem;display:flex}.dropzone-main-text{color:#fff;font-size:.86rem;font-weight:700}.dropzone-sub-text{color:var(--text-muted);font-size:.72rem}.bgm-active-file-row{background:#a855f714;border:1px solid #a855f740;border-radius:10px;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.bgm-info{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.bgm-icon{flex-shrink:0;font-size:1.3rem}.bgm-details{flex-direction:column;gap:.15rem;min-width:0;display:flex}.bgm-filename{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.bgm-status-tag{color:#10b981;font-size:.68rem;font-weight:600}.bgm-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.bgm-preview-btn{color:#fff;cursor:pointer;background:#0f172a17;border:1px solid #0f172a26;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.82rem;transition:all .2s;display:flex}.bgm-preview-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.bgm-remove-btn{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.82rem;transition:all .2s;display:flex}.bgm-remove-btn:hover{color:#fff;background:#ef444440;border-color:#ef4444}.bgm-hint-text{color:var(--text-muted);margin-top:.4rem;font-size:.72rem;line-height:1.4}.watermark-controls-container{flex-direction:column;gap:.75rem;margin-top:.65rem;display:flex}.wireframe-watermark-overlay{z-index:25;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:4px;transition:opacity .15s;position:absolute}.wireframe-watermark-overlay img{filter:drop-shadow(0 2px 5px #000c);-webkit-user-select:none;user-select:none}.wireframe-watermark-overlay .wm-text-badge{letter-spacing:.03em;color:#fff;text-shadow:0 0 3px #000,0 2px 4px #000000f2;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border:1px solid #0f172a2e;border-radius:6px;padding:3px 10px;font-family:Outfit,sans-serif;font-weight:800}.hook-prefix-suffix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.65rem;display:grid}@media (width<=600px){.hook-prefix-suffix-grid{grid-template-columns:1fr}}.hook-input-col{flex-direction:column;gap:.3rem;display:flex}.hook-input-label{color:var(--text-secondary);font-size:.76rem;font-weight:600}.hook-banner-preview-box{background:#00000052;border:1px solid #ffffff17;border-radius:8px;flex-direction:column;gap:.4rem;margin-top:.2rem;padding:.6rem .8rem;display:flex}.hook-base-badge{align-items:center;gap:.45rem;font-size:.72rem;display:flex;overflow:hidden}.hook-base-badge .badge-tag{color:var(--text-muted);flex-shrink:0;font-weight:500}.hook-base-badge .badge-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.hook-combined-result{border-top:1px solid #0f172a12;flex-direction:column;gap:.25rem;padding-top:.35rem;display:flex}.hook-combined-result .combined-label{text-transform:uppercase;letter-spacing:.04em;color:var(--primary);font-size:.7rem;font-weight:600}.hook-combined-result .combined-text{color:#fff;word-break:break-word;font-size:.82rem;font-weight:600;line-height:1.35}.pfx-highlight{color:#38bdf8;font-weight:800}.base-highlight{color:#fff;font-weight:700}.sfx-highlight{color:#f59e0b;font-weight:800}.ext-highlight{color:#94a3b8;font-weight:600}.subtitles-disabled-notice-box{color:#fca5a5;background:#ef444414;border:1px solid #ef444447;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem .8rem;font-size:.76rem;line-height:1.4;display:flex}.subtitles-dimmed{opacity:.5;pointer-events:auto;transition:opacity .2s}.filename-preview-box{background:#00000059;border:1px solid #38bdf840;border-radius:8px;margin-top:.65rem;padding:.7rem .85rem;box-shadow:0 0 16px #38bdf80f}.filename-preview-header{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.filename-preview-label{text-transform:uppercase;letter-spacing:.04em;color:#38bdf8;font-size:.72rem;font-weight:700}.filename-preview-tag{color:#38bdf8;background:#38bdf824;border:1px solid #38bdf840;border-radius:4px;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.filename-preview-display{color:#fff;word-break:break-all;background:#00000073;border:1px solid #0f172a17;border-radius:6px;align-items:center;gap:.45rem;padding:.45rem .65rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.82rem;display:flex}.filename-preview-display .fn-icon{flex-shrink:0;font-size:.95rem}.filename-preview-display .fn-text{word-break:break-all;flex:1}.filename-preview-tip{color:var(--text-muted);margin-top:.45rem;margin-bottom:0;font-size:.7rem;line-height:1.35}.clip-trimmer-modal{animation:.22s cubic-bezier(.16,1,.3,1) trimmerModalScaleIn}@keyframes trimmerModalScaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.clip-trimmer-modal button:hover{filter:brightness(1.12);transition:filter .15s,transform .15s}.clip-trimmer-modal button:active{transform:scale(.97)}@media (width<=768px){.clip-trimmer-modal{max-height:96vh!important;padding:.5rem!important}}.trimmer-player-wrapper{aspect-ratio:16/9;background:#090d16;border:1px solid #0f172a17;border-radius:12px;width:100%;position:relative;overflow:hidden}.trimmer-player-wrapper iframe,.trimmer-player-wrapper #trimmer-yt-player-container iframe,.trimmer-player-wrapper #trimmer-yt-iframe-slot iframe{border:none!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.cc-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cc-icon-sm{width:14px;height:14px}.cc-icon-md{width:18px;height:18px}.cc-icon-lg{width:24px;height:24px}.header-logo-mark{flex-shrink:0;width:40px;height:40px;display:block}@media (width<=860px){.app-header{flex-wrap:wrap;gap:.75rem}}:root{--cc-ink-900:#0f172a;--cc-ink-800:#1e293b;--cc-ink-700:#334155;--cc-ink-600:#475569;--cc-ink-500:#64748b;--cc-ink-400:#94a3b8;--cc-ink-300:#cbd5e1;--cc-ink-200:#e2e8f0;--cc-ink-100:#f1f5f9;--cc-ink-50:#f8fafc;--cc-paper:#fffdf9;--cc-surface:#fff;--cc-surface-sunken:#f6f4ef;--cc-brand-50:#eef9f3;--cc-brand-100:#d6f0e1;--cc-brand-300:#7fd1a8;--cc-brand-500:#16865a;--cc-brand-600:#0f6e49;--cc-brand-700:#0a5538;--cc-amber-100:#fef3e2;--cc-amber-500:#e8902c;--cc-amber-600:#c97416;--cc-coral-100:#fdeae7;--cc-coral-500:#d9553f;--cc-border:#e7e2d8;--cc-border-strong:#d9d2c3;--cc-ring:#16865a59;--cc-shadow-sm:0 1px 2px #0f172a0f;--cc-shadow-md:0 4px 14px #0f172a14;--cc-shadow-lg:0 16px 40px #0f172a1f;--cc-shadow-focus:0 0 0 4px var(--cc-ring);--cc-font-display:"Sora", "Outfit", system-ui, sans-serif;--cc-font-body:"Inter", system-ui, sans-serif;--cc-radius-sm:8px;--cc-radius-md:12px;--cc-radius-lg:20px;--cc-radius-pill:999px;--cc-space-1:4px;--cc-space-2:8px;--cc-space-3:12px;--cc-space-4:16px;--cc-space-6:24px;--cc-space-8:32px;--cc-space-12:48px;--cc-space-16:64px;--cc-space-24:96px;--cc-container:1180px;--cc-transition:all .18s cubic-bezier(.2, .7, .2, 1)}.cc-root{font-family:var(--cc-font-body);color:var(--cc-ink-800);background:var(--cc-paper)}.cc-root h1,.cc-root h2,.cc-root h3,.cc-root h4{font-family:var(--cc-font-display);letter-spacing:-.015em;color:var(--cc-ink-900);font-weight:700;line-height:1.15}.cc-container{max-width:var(--cc-container);padding:0 var(--cc-space-6);margin:0 auto}@media (width<=720px){.cc-container{padding:0 var(--cc-space-4)}}.cc-btn{justify-content:center;align-items:center;gap:var(--cc-space-2);font-family:var(--cc-font-body);border-radius:var(--cc-radius-md);cursor:pointer;transition:var(--cc-transition);border:1px solid #0000;min-height:44px;padding:12px 22px;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.cc-btn:focus-visible{box-shadow:var(--cc-shadow-focus);outline:none}.cc-btn-primary{background:var(--cc-brand-500);color:#fff;box-shadow:var(--cc-shadow-sm)}.cc-btn-primary:hover{background:var(--cc-brand-600);box-shadow:var(--cc-shadow-md);transform:translateY(-1px)}.cc-btn-secondary{background:var(--cc-surface);color:var(--cc-ink-800);border-color:var(--cc-border-strong)}.cc-btn-secondary:hover{border-color:var(--cc-brand-500);color:var(--cc-brand-700)}.cc-btn-ghost{color:var(--cc-ink-700);background:0 0}.cc-btn-ghost:hover{background:var(--cc-ink-100)}.cc-btn-accent{background:var(--cc-amber-500);color:#1b1304}.cc-btn-accent:hover{background:var(--cc-amber-600);transform:translateY(-1px)}.cc-btn-lg{padding:15px 28px;font-size:1.05rem}.cc-btn-full{width:100%}.cc-card{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow-sm);transition:var(--cc-transition)}.cc-card-hover:hover{box-shadow:var(--cc-shadow-md);border-color:var(--cc-border-strong);transform:translateY(-2px)}.cc-badge{border-radius:var(--cc-radius-pill);background:var(--cc-brand-50);color:var(--cc-brand-700);border:1px solid var(--cc-brand-100);align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.cc-field{flex-direction:column;gap:6px;display:flex}.cc-label{color:var(--cc-ink-700);font-size:.85rem;font-weight:600}.cc-input{font-family:var(--cc-font-body);border-radius:var(--cc-radius-sm);border:1.5px solid var(--cc-border-strong);background:var(--cc-surface);color:var(--cc-ink-900);min-height:46px;transition:var(--cc-transition);padding:12px 14px;font-size:.95rem}.cc-input:focus{border-color:var(--cc-brand-500);box-shadow:var(--cc-shadow-focus);outline:none}.cc-input::placeholder{color:var(--cc-ink-400)}.cc-hint{color:var(--cc-ink-500);font-size:.8rem}.cc-error-text{color:var(--cc-coral-500);font-size:.82rem;font-weight:500}.cc-skip-link{background:var(--cc-ink-900);color:#fff;border-radius:var(--cc-radius-sm);z-index:1000;padding:10px 16px;position:absolute;top:0;left:-9999px}.cc-skip-link:focus{left:var(--cc-space-4);top:var(--cc-space-4)}.cc-visually-hidden{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--cc-border);background:#fffdf9eb;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:var(--cc-space-6);padding:var(--cc-space-4) var(--cc-space-6);display:flex}.site-brand{align-items:center;gap:var(--cc-space-2);flex-shrink:0;text-decoration:none;display:flex}.site-brand-logo{width:36px;height:36px;display:block}.site-brand-text{font-family:var(--cc-font-display);color:var(--cc-ink-900);font-size:1.05rem;font-weight:600}.site-brand-text strong{color:var(--cc-brand-600)}.site-nav{gap:var(--cc-space-6);flex:1;justify-content:center;display:flex}.site-nav a{color:var(--cc-ink-700);transition:var(--cc-transition);font-size:.92rem;font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--cc-brand-600)}.site-header-actions{align-items:center;gap:var(--cc-space-3);flex-shrink:0;display:flex}.site-user-chip{color:var(--cc-ink-700);background:var(--cc-ink-100);border-radius:var(--cc-radius-pill);padding:6px 12px;font-size:.85rem;font-weight:600}@media (width<=860px){.site-nav{display:none}.site-header-inner{padding:var(--cc-space-3) var(--cc-space-4)}.site-brand-text{font-size:.95rem}}@media (width<=520px){.site-user-chip{display:none}}.site-footer{background:var(--cc-ink-900);color:var(--cc-ink-300);padding:var(--cc-space-24) 0 var(--cc-space-8)}.site-footer-inner{gap:var(--cc-space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.site-footer-brand p{margin-top:var(--cc-space-3);color:var(--cc-ink-400);max-width:320px;font-size:.92rem;line-height:1.7}.site-footer-col{gap:var(--cc-space-3);flex-direction:column;display:flex}.site-footer-col h3{font-family:var(--cc-font-display);color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--cc-space-1);font-size:.9rem}.site-footer-col a{color:var(--cc-ink-400);transition:var(--cc-transition);font-size:.92rem;text-decoration:none}.site-footer-col a:hover{color:#fff}.site-footer-bottom{justify-content:space-between;gap:var(--cc-space-3);margin-top:var(--cc-space-16);padding-top:var(--cc-space-6);color:var(--cc-ink-500);border-top:1px solid #ffffff1a;flex-wrap:wrap;font-size:.85rem;display:flex}@media (width<=860px){.site-footer-inner{grid-template-columns:1fr 1fr}}@media (width<=520px){.site-footer-inner{grid-template-columns:1fr}.site-footer-bottom{text-align:center;flex-direction:column}}.dark-landing{--dl-bg:#07080c;--dl-bg-raised:#0d0f16;--dl-surface:#121420;--dl-surface-2:#181b29;--dl-border:#ffffff14;--dl-border-strong:#ffffff29;--dl-text-primary:#f5f6fa;--dl-text-secondary:#9aa1b4;--dl-text-muted:#6b7280;--dl-accent-500:#22e3a4;--dl-accent-600:#16b382;--dl-accent-glow:#22e3a459;--dl-accent-2:#e8902c;--dl-radius-sm:10px;--dl-radius-md:16px;--dl-radius-lg:24px;--dl-radius-pill:999px;background:var(--dl-bg);color:var(--dl-text-primary);font-family:var(--cc-font-body);position:relative;overflow-x:hidden}.dark-landing *{box-sizing:border-box}.dark-landing h1,.dark-landing h2,.dark-landing h3,.dark-landing h4{font-family:var(--cc-font-display);color:var(--dl-text-primary);letter-spacing:-.015em;margin:0;line-height:1.15}.dark-landing .site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--dl-border);background:#07080cbf}.dark-landing .site-brand-text{color:var(--dl-text-primary)}.dark-landing .site-nav a{color:var(--dl-text-secondary)}.dark-landing .site-nav a:hover{color:var(--dl-text-primary)}.dark-landing .site-user-chip{background:var(--dl-surface-2);color:var(--dl-text-primary)}.dark-landing .cc-btn-ghost{color:var(--dl-text-secondary)}.dark-landing .cc-btn-ghost:hover{background:var(--dl-surface-2);color:var(--dl-text-primary)}.dark-landing .cc-btn-secondary{background:var(--dl-surface-2);color:var(--dl-text-primary);border-color:var(--dl-border-strong)}.dark-landing .cc-btn-secondary:hover{border-color:var(--dl-accent-500);color:var(--dl-accent-500)}.dark-landing .cc-btn-primary{background:linear-gradient(135deg, var(--dl-accent-500), #0ea5a0);color:#04140f;box-shadow:0 8px 24px -8px var(--dl-accent-glow);border:none}.dark-landing .cc-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.dark-landing .site-footer{background:var(--dl-bg);color:var(--dl-text-secondary);border-top:1px solid var(--dl-border)}.dark-landing .site-footer-col h3{color:var(--dl-text-primary)}.dark-landing .site-footer-col a{color:var(--dl-text-secondary)}.dark-landing .site-footer-col a:hover{color:var(--dl-text-primary)}.dark-landing .site-footer-bottom{border-top-color:var(--dl-border);color:var(--dl-text-muted)}.dark-landing .site-footer-brand p{color:var(--dl-text-secondary)}.dl-glow{pointer-events:none;z-index:0;background:radial-gradient(640px 420px at 85% -5%,#22e3a429,#0000 60%),radial-gradient(520px 380px at 8% 8%,#e8902c12,#0000 60%);position:absolute;inset:0}.dl-section{z-index:1;padding:100px 0;position:relative}.dl-section-tight{padding:72px 0}.dl-section-alt{background:var(--dl-bg-raised)}.dl-container{max-width:var(--cc-container);padding:0 var(--cc-space-6);margin:0 auto}@media (width<=720px){.dl-container{padding:0 20px}}.dl-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--dl-accent-500);align-items:center;gap:6px;margin-bottom:16px;font-size:.78rem;font-weight:700;display:inline-flex}.dl-section-head{text-align:center;max-width:640px;margin:0 auto 56px}.dl-section-head h2{margin-bottom:14px;font-size:clamp(1.7rem,3.4vw,2.3rem)}.dl-section-head p{color:var(--dl-text-secondary);font-size:1.02rem;line-height:1.6}.dl-hero{text-align:center;z-index:1;padding:130px 0 0;position:relative}.dl-hero h1{max-width:880px;margin:0 auto 24px;font-size:clamp(2.3rem,5.4vw,4rem);font-weight:800}.dl-hero h1 span{background:linear-gradient(135deg, var(--dl-accent-500), #0ea5a0);color:#0000;-webkit-background-clip:text;background-clip:text}.dl-hero p{color:var(--dl-text-secondary);max-width:600px;margin:0 auto 36px;font-size:1.15rem;line-height:1.65}.dl-hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:18px;display:flex}.dl-hero-trust{color:var(--dl-text-muted);margin-bottom:64px;font-size:.86rem}.dl-btn{font-family:var(--cc-font-body);border-radius:var(--dl-radius-sm);cursor:pointer;transition:var(--cc-transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 26px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.dl-btn svg{width:20px;height:20px}.dl-btn-primary{background:linear-gradient(135deg, var(--dl-accent-500), #0ea5a0);color:#04140f;box-shadow:0 10px 30px -10px var(--dl-accent-glow)}.dl-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.dl-btn-secondary{background:var(--dl-surface-2);color:var(--dl-text-primary);border-color:var(--dl-border-strong)}.dl-btn-secondary:hover{border-color:var(--dl-accent-500);color:var(--dl-accent-500)}.dl-mockup-wrap{z-index:1;max-width:1140px;padding:0 var(--cc-space-6);margin:0 auto;position:relative}.dl-mockup-fade{position:relative}.dl-mockup-fade:after{content:"";background:linear-gradient(to bottom, transparent, var(--dl-bg));pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}.dl-social-proof{z-index:1;text-align:center;padding:56px 0 0;position:relative}.dl-social-proof p{color:var(--dl-text-secondary);margin:0 0 24px;font-size:.98rem}.dl-platform-badges{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.dl-platform-badge{border-radius:var(--dl-radius-pill);background:var(--dl-surface);border:1px solid var(--dl-border);color:var(--dl-text-secondary);align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.dl-platform-badge svg{width:18px;height:18px;color:var(--dl-accent-500)}.ps-compare{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:28px;display:grid}.ps-col{background:var(--dl-surface);border:1px solid var(--dl-border);border-radius:var(--dl-radius-lg);flex-direction:column;padding:32px;display:flex}.ps-col-label{color:var(--dl-text-secondary);align-items:center;gap:8px;margin-bottom:20px;font-size:.92rem;font-weight:700;display:inline-flex}.ps-col-label svg{width:18px;height:18px}.ps-col-label-accent{color:var(--dl-accent-500)}.ps-flow{flex-direction:column;flex:1;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.ps-flow li{color:var(--dl-text-secondary);background:#ffffff05;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:.9rem;display:flex}.ps-flow-num{background:var(--dl-surface-2);width:22px;height:22px;color:var(--dl-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.ps-flow-new li.done{color:var(--dl-text-primary)}.ps-flow-new li.done .ps-flow-num{color:var(--dl-accent-500);background:#22e3a429}.ps-flow-new li.done .ps-flow-num svg{width:14px;height:14px}.ps-flow-new li.highlight{background:#22e3a414;border:1px solid #22e3a440}.ps-col-foot{color:var(--dl-text-muted);font-size:.82rem;font-weight:600}.ps-col-foot-accent{color:var(--dl-accent-500)}.ps-divider{color:var(--dl-accent-500);justify-content:center;align-items:center;display:flex}.ps-divider svg{width:28px;height:28px}@media (width<=900px){.ps-compare{grid-template-columns:1fr}.ps-divider{padding:4px 0;transform:rotate(90deg)}}.hiw-steps{gap:24px;display:grid}.hiw-step{grid-template-columns:1fr!important;align-items:stretch!important;gap:20px!important}.hiw-step-head{justify-content:space-between;align-items:center;display:flex}.dl-step-num{font-family:var(--cc-font-display);color:#0000;-webkit-text-stroke:1.5px #ffffff24;-webkit-user-select:none;user-select:none;font-size:3.6rem;font-weight:800;line-height:1}.dl-step-icon{border-radius:var(--dl-radius-sm);background:var(--dl-surface-2);border:1px solid var(--dl-border-strong);width:48px;height:48px;color:var(--dl-accent-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dl-step-icon svg{width:22px;height:22px}.dl-step{background:var(--dl-surface);border:1px solid var(--dl-border);border-radius:var(--dl-radius-md);padding:28px}.dl-step-body h3{margin-bottom:8px;font-size:1.2rem}.dl-step-body p{color:var(--dl-text-secondary);margin:0;line-height:1.6}.hiw-visual{border-top:1px solid var(--dl-border);margin-top:18px;padding-top:18px}.hiw-upload-box{background:var(--dl-surface-2);border:1px solid var(--dl-border-strong);color:var(--dl-text-primary);border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 16px;font-size:.86rem;display:flex}.hiw-upload-box svg{width:16px;height:16px;color:var(--dl-accent-500);flex-shrink:0}.hiw-upload-box.dim{color:var(--dl-text-muted);border-style:dashed}.hiw-upload-box.dim svg{color:var(--dl-text-muted)}.hiw-scan-bar{align-items:flex-end;gap:4px;height:56px;margin-bottom:12px;display:flex}.hiw-scan-bar span{background:#ffffff14;border-radius:3px 3px 0 0;flex:1}.hiw-scan-bar span.peak{background:linear-gradient(180deg, var(--dl-accent-500), #22e3a44d)}.hiw-scan-tag{color:var(--dl-accent-500);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.hiw-scan-tag svg{width:15px;height:15px}.hiw-export-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.hiw-export-chip{color:var(--dl-accent-500);border-radius:var(--dl-radius-pill);background:#22e3a41f;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.hiw-export-chip svg{width:14px;height:14px}.hiw-export-btn{cursor:pointer;background:linear-gradient(135deg, var(--dl-accent-500), #0ea5a0);color:#04140f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:.88rem;font-weight:700;display:inline-flex}.hiw-export-btn svg{width:16px;height:16px}@media (width<=640px){.dl-step-num{font-size:2.6rem}}.sc-window{background:#0d0f16;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 40px 90px -30px #000000b3}.sc-titlebar{background:#121420;border-bottom:1px solid #ffffff12;align-items:center;gap:16px;padding:14px 20px;display:flex}.sc-dots{gap:7px;display:flex}.sc-dots span{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.sc-titlebar-label{color:#6b7280;font-size:.78rem}.sc-body{grid-template-columns:1.15fr 1fr;gap:28px;padding:32px;display:grid}.sc-video-card{background:#171a26;border:1px solid #ffffff12;border-radius:14px;justify-content:center;align-items:center;min-height:170px;margin-bottom:18px;display:flex;position:relative;overflow:hidden}.sc-video-gradient{background:linear-gradient(135deg,#1b3a33 0%,#11141c 55%,#2a2013 100%);position:absolute;inset:0}.sc-video-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.sc-video-play svg{width:22px;height:22px}.sc-video-badge{color:#e5e7eb;background:#00000080;border-radius:6px;padding:3px 10px;font-size:.74rem;position:absolute;bottom:12px;left:14px}.sc-ai-status{color:var(--dl-accent-500);align-items:center;gap:8px;margin-bottom:18px;font-size:.88rem;font-weight:600;display:inline-flex}.sc-ai-status svg{width:16px;height:16px}.sc-ai-pulse{background:var(--dl-accent-500);width:8px;height:8px;box-shadow:0 0 0 0 var(--dl-accent-glow);border-radius:50%;animation:1.8s infinite scPulse}@keyframes scPulse{0%{box-shadow:0 0 #22e3a480}70%{box-shadow:0 0 0 8px #22e3a400}to{box-shadow:0 0 #22e3a400}}.sc-moment-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.sc-moment-row{background:#171a26;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sc-moment-label{color:var(--dl-text-secondary);font-size:.86rem}.sc-moment-score{color:var(--dl-accent-500);font-weight:700}.sc-moment-tag{border-radius:var(--dl-radius-pill);padding:3px 10px;font-size:.76rem;font-weight:700}.sc-moment-tag.high{color:var(--dl-accent-500);background:#22e3a426}.sc-generate-btn{cursor:pointer;background:linear-gradient(135deg, var(--dl-accent-500), #0ea5a0);color:#04140f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:.92rem;font-weight:700;display:inline-flex}.sc-generate-btn svg{width:17px;height:17px}.sc-right{justify-content:center;align-items:center;display:flex}.sc-result-vertical{aspect-ratio:9/16;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;justify-content:space-between;width:100%;max-width:230px;padding:14px;display:flex;position:relative;overflow:hidden}.sc-result-gradient{z-index:0;background:linear-gradient(160deg,#1b3a33 0%,#11141c 55%,#2a2013 100%);position:absolute;inset:0}.sc-result-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.sc-result-badge{color:var(--dl-accent-500);border-radius:var(--dl-radius-pill);background:#22e3a42e;align-items:center;gap:5px;padding:4px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.sc-result-badge svg{width:11px;height:11px}.sc-result-score{color:#fff;background:#0006;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:800}.sc-result-hook{z-index:1;color:#fff;font-size:.86rem;font-weight:700;line-height:1.35;position:relative}.sc-result-caption{z-index:1;color:#ffffffa6;font-size:.68rem;position:relative}.sc-result-duration{z-index:1;color:#fff;background:#00000073;border-radius:5px;align-self:flex-end;padding:2px 7px;font-size:.68rem;position:relative}.sc-result-export{z-index:1;cursor:pointer;color:#0a0a0a;background:#fff;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}.sc-result-export svg{width:14px;height:14px}@media (width<=860px){.sc-body{grid-template-columns:1fr}.sc-right{margin-top:4px}}@media (width<=520px){.sc-body{padding:20px}}.dl-feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=920px){.dl-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.dl-feature-grid{grid-template-columns:1fr}}.dl-feature-card{background:var(--dl-surface);border:1px solid var(--dl-border);border-radius:var(--dl-radius-md);transition:var(--cc-transition);flex-direction:column;gap:16px;padding:28px;display:flex}.dl-feature-card:hover{border-color:var(--dl-border-strong);transform:translateY(-2px)}.dl-feature-icon{width:42px;height:42px;color:var(--dl-accent-500);background:#22e3a41f;border-radius:11px;justify-content:center;align-items:center;display:flex}.dl-feature-icon svg{width:22px;height:22px}.dl-feature-card h3{margin-bottom:4px;font-size:1.1rem}.dl-feature-card p{color:var(--dl-text-secondary);margin:0;font-size:.92rem;line-height:1.6}.fv-detect{margin-top:auto}.fv-detect-track{background:var(--dl-surface-2);border-radius:2px;height:4px;margin-bottom:10px;position:relative}.fv-detect-marker{background:var(--dl-border-strong);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;transform:translate(-50%)}.fv-detect-marker.on{background:var(--dl-accent-500);box-shadow:0 0 0 3px #22e3a433}.fv-detect-tag{color:var(--dl-accent-500);font-size:.78rem;font-weight:600}.fv-caption{color:var(--dl-text-secondary);margin-top:auto;font-size:.86rem;line-height:1.5}.fv-caption-line{display:block}.fv-caption mark{color:var(--dl-accent-500);background:#22e3a42e;border-radius:4px;padding:0 4px}.fv-hook{margin-top:auto}.fv-hook-label{color:var(--dl-text-muted);margin-bottom:6px;font-size:.76rem;display:block}.fv-hook-bar{background:var(--dl-surface-2);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.fv-hook-bar span{background:linear-gradient(90deg, var(--dl-accent-500), #0ea5a0);border-radius:3px;height:100%;display:block}.fv-hook-value{color:var(--dl-accent-500);font-size:.82rem;font-weight:700}.fv-format{align-items:center;gap:10px;margin-top:auto;display:flex}.fv-format-wide{background:var(--dl-surface-2);border:1px solid var(--dl-border-strong);border-radius:5px;width:48px;height:28px}.fv-format-tall{border:1px solid var(--dl-accent-500);background:#22e3a429;border-radius:5px;width:22px;height:38px}.fv-format-arrow{color:var(--dl-text-muted);font-size:.9rem}.fv-lang{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.fv-lang-chip{background:var(--dl-surface-2);color:var(--dl-text-secondary);border-radius:7px;padding:5px 10px;font-size:.74rem;font-weight:700}.fv-multi{align-items:center;gap:10px;margin-top:auto;display:flex}.fv-multi-source{background:var(--dl-surface-2);border:1px solid var(--dl-border-strong);border-radius:5px;width:40px;height:28px}.fv-multi-outs{gap:5px;display:flex}.fv-multi-outs span{border:1px solid var(--dl-accent-500);background:#22e3a44d;border-radius:4px;width:11px;height:22px}.cmp-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;display:grid}.cmp-card{border-radius:var(--dl-radius-lg);border:1px solid var(--dl-border);background:var(--dl-surface);padding:36px}.cmp-after{background:linear-gradient(var(--dl-surface), var(--dl-surface)) padding-box, linear-gradient(135deg, var(--dl-accent-500), var(--dl-accent-2)) border-box;box-shadow:0 24px 70px -28px var(--dl-accent-glow);border:1px solid #0000}.cmp-tag{color:var(--dl-text-secondary);align-items:center;gap:8px;margin-bottom:22px;font-size:.95rem;font-weight:700;display:inline-flex}.cmp-tag svg{width:18px;height:18px}.cmp-tag-accent{color:var(--dl-accent-500)}.cmp-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.cmp-list li{color:var(--dl-text-primary);align-items:center;gap:12px;font-size:1rem;display:flex}.cmp-list svg{width:19px;height:19px;color:var(--dl-text-muted);flex-shrink:0}.cmp-after .cmp-list svg,.cmp-arrow{color:var(--dl-accent-500)}.cmp-arrow svg{width:30px;height:30px}@media (width<=860px){.cmp-grid{grid-template-columns:1fr}.cmp-arrow{justify-self:center;transform:rotate(90deg)}}.vc-card{background:var(--dl-surface);border:1px solid var(--dl-border-strong);border-radius:var(--dl-radius-lg);text-align:center;max-width:760px;margin:0 auto;padding:48px}.vc-text h2{margin:6px 0 10px;font-size:clamp(1.5rem,3vw,2rem)}.vc-text p{color:var(--dl-text-secondary);margin:0 0 32px}.vc-bars{text-align:left;flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.vc-bar-row{grid-template-columns:140px 1fr 80px;align-items:center;gap:14px;display:grid}.vc-bar-label{color:var(--dl-text-secondary);align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:inline-flex}.vc-bar-label svg{width:16px;height:16px}.vc-bar-track{background:var(--dl-surface-2);border-radius:6px;height:12px;overflow:hidden}.vc-bar-fill{border-radius:6px;height:100%}.vc-bar-old{background:linear-gradient(90deg,#6b7280,#4b5563)}.vc-bar-new{background:linear-gradient(90deg, var(--dl-accent-500), #0ea5a0)}.vc-bar-value{text-align:right;font-size:.9rem;font-weight:700}.vc-bar-value-accent{color:var(--dl-accent-500)}.vc-foot{color:var(--dl-text-secondary);margin:0;font-size:.92rem}@media (width<=560px){.vc-card{padding:28px 20px}.vc-bar-row{grid-template-columns:1fr;gap:6px}.vc-bar-value{text-align:left}}.uc-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.uc-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.uc-grid{grid-template-columns:repeat(2,1fr)}}.uc-card{background:var(--dl-surface);border:1px solid var(--dl-border);border-radius:var(--dl-radius-md);text-align:center;color:var(--dl-text-primary);transition:var(--cc-transition);flex-direction:column;align-items:center;gap:12px;padding:24px 16px;font-size:.9rem;font-weight:600;display:flex}.uc-card:hover{border-color:var(--dl-border-strong);transform:translateY(-2px)}.uc-icon{width:46px;height:46px;color:var(--dl-accent-500);background:#22e3a41f;border-radius:50%;justify-content:center;align-items:center;display:flex}.uc-icon svg{width:22px;height:22px}.dl-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.pricing-grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.pricing-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.pricing-grid-4{grid-template-columns:1fr}}.dl-price-card{background:var(--dl-surface);border:1px solid var(--dl-border);border-radius:var(--dl-radius-lg);flex-direction:column;padding:32px;display:flex;position:relative}.dl-price-card.featured{background:linear-gradient(var(--dl-surface), var(--dl-surface)) padding-box, linear-gradient(135deg, var(--dl-accent-500), var(--dl-accent-2)) border-box;box-shadow:0 24px 60px -24px var(--dl-accent-glow);border:1px solid #0000;transform:translateY(-6px)}.dl-price-badge{background:linear-gradient(135deg, var(--dl-accent-500), #0ea5a0);color:#04140f;letter-spacing:.02em;border-radius:var(--dl-radius-pill);white-space:nowrap;padding:5px 14px;font-size:.72rem;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.dl-price-card h3{letter-spacing:.04em;margin-bottom:6px;font-size:1.15rem}.dl-price-card .dl-price-desc{color:var(--dl-text-secondary);margin-bottom:22px;font-size:.86rem}.dl-price-amount{margin-bottom:24px}.dl-price-amount .num{color:var(--dl-text-primary);font-size:1.9rem;font-weight:800}.dl-price-amount .period{color:var(--dl-text-secondary);margin-left:4px;font-size:.85rem}.dl-price-features{flex-direction:column;flex:1;gap:11px;margin:0 0 26px;padding:0;list-style:none;display:flex}.dl-price-features li{color:var(--dl-text-secondary);align-items:flex-start;gap:9px;font-size:.86rem;display:flex}.dl-price-features li svg{width:16px;height:16px;color:var(--dl-accent-500);flex-shrink:0;margin-top:2px}.dl-price-cta{width:100%;margin-top:auto}.dl-cta-band{border-radius:var(--dl-radius-lg);border:1px solid var(--dl-border-strong);text-align:center;background:linear-gradient(135deg,#22e3a424,#0ea5a00f);padding:72px 40px;position:relative;overflow:hidden}.dl-cta-band h2{margin-bottom:16px;font-size:clamp(1.7rem,3.4vw,2.2rem)}.dl-cta-band p{color:var(--dl-text-secondary);max-width:560px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.02rem}.dl-cta-band-ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.dl-faq-list{gap:14px;max-width:720px;margin:0 auto;display:grid}.dl-faq-item{background:var(--dl-surface);border:1px solid var(--dl-border);border-radius:var(--dl-radius-md);transition:var(--cc-transition);padding:20px 24px}.dl-faq-item summary{cursor:pointer;color:var(--dl-text-primary);font-size:1rem;font-weight:600;list-style:none}.dl-faq-item summary::-webkit-details-marker{display:none}.dl-faq-item p{color:var(--dl-text-secondary);margin-top:14px;font-size:.92rem;line-height:1.7}@media (prefers-reduced-motion:no-preference){.dl-step,.dl-feature-card,.uc-card,.dl-price-card,.cmp-card,.ps-col{animation:.5s both dlFadeUp}}@keyframes dlFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dl-btn{will-change:transform}@media (width<=768px){.dl-section{padding:64px 0}.dl-section-tight{padding:48px 0}.dl-section-head{margin-bottom:40px}.dl-hero{padding:100px 0 0}.dl-hero-trust{margin-bottom:48px}.dl-social-proof{padding:40px 0 0}.cmp-grid,.ps-compare{gap:18px}.cmp-card,.ps-col{padding:24px}.vc-card{max-width:100%}.sc-body{gap:20px}}@media (width<=480px){.dl-hero h1{font-size:2rem}.dl-hero p{font-size:1rem}.dl-btn{width:100%}.dl-hero-ctas{flex-direction:column;width:100%}.dl-cta-band{padding:44px 24px}.dl-cta-band-ctas{flex-direction:column;width:100%}.dl-cta-band-ctas .dl-btn{width:100%}.dl-price-card.featured{transform:none}.uc-grid{grid-template-columns:repeat(2,1fr)}}.hp-wrap{background:#0d0f16;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:1fr auto 1.3fr;align-items:center;gap:24px;padding:28px;display:grid;box-shadow:0 50px 110px -40px #000000bf}.hp-source{flex-direction:column;align-items:center;gap:10px;display:flex}.hp-source-player{aspect-ratio:4/5;background:#171a26;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.hp-source-gradient{background:linear-gradient(150deg,#1b3a33 0%,#11141c 55%,#2a2013 100%);position:absolute;inset:0}.hp-source-chip{z-index:2;color:#e5e7eb;background:#00000080;border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;display:inline-flex;position:absolute;top:12px;left:12px}.hp-source-chip svg{width:12px;height:12px}.hp-source-wave{z-index:1;opacity:.8;align-items:flex-end;gap:3px;height:36px;display:flex;position:absolute;bottom:44px;left:16px;right:16px}.hp-source-wave span{background:#ffffff59;border-radius:2px 2px 0 0;flex:1}.hp-source-play{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.hp-source-play svg{width:20px;height:20px}.hp-source-label{color:#9aa1b4;font-size:.8rem;font-weight:600}.hp-arrow{color:#22e3a4;flex-direction:column;align-items:center;gap:10px;display:flex}.hp-arrow-badge{white-space:nowrap;background:#22e3a41f;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.hp-arrow-badge svg{width:13px;height:13px}.hp-arrow svg:last-child{width:26px;height:26px;animation:1.8s infinite hpArrowPulse}@keyframes hpArrowPulse{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.hp-clips{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.hp-clip-card{flex-direction:column;gap:10px;animation:.6s both hpClipIn;display:flex}@keyframes hpClipIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hp-clip-video{aspect-ratio:9/16;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;justify-content:space-between;padding:10px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.hp-clip-card:hover .hp-clip-video{transform:translateY(-4px);box-shadow:0 16px 36px -16px #22e3a459}.hp-clip-gradient{z-index:0;background:linear-gradient(165deg,#1b3a33 0%,#11141c 55%,#2a2013 100%);position:absolute;inset:0}.hp-clip-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.hp-clip-badge{color:#0d0f16;background:#fff;border-radius:5px;padding:2px 7px;font-size:.62rem;font-weight:800}.hp-clip-score{color:#22e3a4;background:#22e3a42e;border-radius:5px;padding:2px 7px;font-size:.62rem;font-weight:800}.hp-clip-hook{z-index:1;color:#fff;font-size:.72rem;font-weight:700;line-height:1.3;position:relative}.hp-clip-caption{z-index:1;color:#ffffff8c;flex-wrap:wrap;gap:3px;font-size:.56rem;display:flex;position:relative}.hp-caption-word{border-radius:3px;padding:1px 3px}.hp-caption-word.active{color:#fff;background:#22e3a459}.hp-clip-duration{z-index:1;color:#fff;background:#00000073;border-radius:5px;align-self:flex-end;padding:2px 6px;font-size:.6rem;position:relative}.hp-clip-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.hp-clip-viral{color:#9aa1b4;font-size:.68rem}.hp-clip-viral strong{color:#22e3a4}.hp-clip-export{color:#f5f6fa;cursor:pointer;transition:var(--cc-transition);background:#ffffff0a;border:1px solid #ffffff24;border-radius:7px;align-items:center;gap:4px;padding:5px 9px;font-size:.66rem;font-weight:700;display:inline-flex}.hp-clip-export:hover{color:#22e3a4;border-color:#22e3a4}.hp-clip-export svg{width:11px;height:11px}@media (width<=980px){.hp-wrap{grid-template-columns:1fr}.hp-arrow{flex-direction:row;justify-content:center}.hp-arrow svg:last-child{transform:rotate(90deg)}.hp-source-player{aspect-ratio:16/8;max-width:420px;margin:0 auto}.hp-source{width:100%}}@media (width<=620px){.hp-clips{grid-template-columns:repeat(3,1fr);gap:8px}.hp-wrap{gap:16px;padding:18px}.hp-clip-hook{font-size:.62rem}.hp-clip-export span{display:none}}@media (width<=420px){.hp-clips{grid-template-columns:repeat(3,1fr);gap:6px}.hp-clip-video{border-radius:10px;padding:7px}.hp-clip-badge,.hp-clip-score,.hp-clip-duration{font-size:.52rem}}