:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main:#090b10;--bg-surface:#11141d;--bg-surface-hover:#161a26;--border-color:#1e2433;--border-color-glow:#60a5fa40;--primary:#3b82f6;--primary-glow:#3b82f640;--secondary:#f43f5e;--secondary-glow:#f43f5e40;--accent:#10b981;--accent-glow:#10b98140;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--transition-smooth:all .2s cubic-bezier(.16, 1, .3, 1);background-color:#080b14;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,#3b82f60f 0,#0000 40%),radial-gradient(at 100% 100%,#3b82f60a 0,#0000 40%);background-attachment:fixed;min-width:1200px;margin:0}#root{min-width:1200px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700}.app-container{flex-direction:column;gap:2rem;max-width:1440px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#ffffff1a}.history-highlight-panel{background:linear-gradient(145deg,#1c1236bf 0%,#0d1324e6 100%);border:1.5px solid #60a5fa73;border-radius:16px;margin-top:1.75rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 35px -5px #60a5fa33,inset 0 0 25px #60a5fa0d}.history-highlight-panel:hover{border-color:#60a5faa6;box-shadow:0 14px 45px -5px #60a5fa47,inset 0 0 30px #60a5fa14}.history-search-input{color:#fff;background:#ffffff0a;border:1px solid #60a5fa4d;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);background:#ffffff12;box-shadow:0 0 12px #60a5fa59}.history-entry-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;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:#60a5fa1f;border-color:#60a5fa66;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.text-gradient{background:linear-gradient(135deg,#60a5fa 0%,#ff5e3a 50%,#f43f5e 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #60a5fa4d);-webkit-background-clip:text;background-clip:text}.glowing-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #60a5fa66}.glowing-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #60a5fa99,0 0 10px #ff5e3a4d}.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{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);background:#0a0f1ecc;border-radius:12px;width:100%;padding:.875rem 1.25rem;font-size:1rem}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #60a5fa26}.form-input.input-error-highlight{border-color:#f8717180;box-shadow:0 0 0 3px #f871711a}.form-input.input-error-highlight:focus{border-color:#f87171;box-shadow:0 0 0 4px #f871712e}.duration-selector{border:1px solid var(--border-color);background:#0a0f1ecc;border-radius:12px;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 #ffffff14;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 #60a5fa4d}.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:#ffffff0d;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 #60a5fa4d;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 #60a5fa1a}.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:#60a5fa26;border:1px solid #60a5fa59;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:#ffffff0d;border:1px solid #ffffff1a;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:#ffffff08;border:1px solid #ffffff0f;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 #60a5fa66}70%{box-shadow:0 0 0 8px #60a5fa00}to{box-shadow:0 0 #60a5fa00}}@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:#60a5fa33;transform:translate(4px)}.clip-card.active{border-color:var(--primary);background:#3b82f614;box-shadow:0 0 15px #60a5fa26}.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:#60a5fa1f;border:1px solid #60a5fa59}.score-meta{color:var(--text-secondary);gap:1rem;font-size:.875rem;font-weight:500;display:flex}.timestamp-pill{color:var(--primary);background:#ffffff0d;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 #ffffff0a;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:#ffffff14}.timestamp-pill{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;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{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#0e1526;border:1px solid #ffffff1f;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 #ffffff14;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:#ffffff0d}.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:#60a5fa2e;border-color:#60a5fa80;box-shadow:0 2px 8px #60a5fa33}.timestamp-scope-count{color:inherit;background:#ffffff14;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:#60a5fa4d}.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:#ffffff0f}.transcript-box{color:var(--text-primary);background:#0000004d;border:1px solid #ffffff08;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:#ffffff26}@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{color:var(--text-primary);background-color:#0d1324}.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 #ffffff1a;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 #60a5fa40;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 #60a5fa1f}@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 #ffffff1f;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 #60a5fa26}@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 #ffffff14;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:#ffffff0d;border:1px solid #ffffff1a;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:#ffffff0f;border:1px solid #ffffff1a;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:#ffffff1f}.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:#ffffff08;border:1px solid #ffffff0f;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:#60a5fa1f;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:#ffffff0a;border:1.5px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .4rem;transition:all .2s;display:flex}.aspect-card-btn:hover{background:#ffffff12;border-color:#fff3}.aspect-card-btn.active{border-color:var(--primary);background:#60a5fa1f;box-shadow:0 0 16px #60a5fa40}.aspect-icon-box{background:#ffffff1a;border:1px dashed #ffffff4d;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 #ffffff0f;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:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.3rem .65rem;font-size:.75rem;transition:all .2s}.pill-btn:hover{color:#fff;background:#ffffff1a}.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 #ffffff0f;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:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:.6rem .5rem;font-size:.76rem;transition:all .2s}.streamer-btn:hover{color:#fff;background:#ffffff14}.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 #ffffff1a;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 #ffffff1a;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 #ffffff14;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:#ffffff40}.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 #ffffff0f;border-radius:8px;align-items:center;gap:.6rem;padding:.45rem .75rem;transition:all .15s;display:flex}.batch-clip-item:hover{background:#ffffff0d}.batch-clip-item.selected{border-color:var(--primary);background:#60a5fa14}.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 #ffffff14;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:#60a5fa4d}.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:#ffffff0f;border:1px solid #ffffff1f;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 #ffffff1f;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 #ffffff14;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:#ffffff08;border:1px dashed #ffffff1f;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:.78rem;display:flex}.segment-reorder-group{background:#ffffff0d;border:1px solid #ffffff14;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:#ffffff05;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:#ffffff24;transform:translateY(-1px)}.export-mode-btn.active{border-color:var(--primary);color:#fff;background:linear-gradient(135deg,#3b82f61f 0%,#3b82f614 100%);box-shadow:0 0 16px #3b82f633}.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 #ffffff14;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 #ffffff40;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 #60a5fa26}.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 #ffffff26;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,#3b82f6,#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 #3b82f673;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 #3b82f680;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 #fff6;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 #ffffff14;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:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;padding:.6rem 1.25rem;font-size:.85rem;transition:all .2s}.studio-btn-cancel:hover{color:#fff;background:#ffffff1f}.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:#ffffff14!important;border:1px solid #ffffff1f!important;transform:none!important}.batch-progress-card{background:linear-gradient(#181a29 0%,#0e101c 100%);border:1px solid #60a5fa4d;border-radius:20px;width:100%;max-width:680px;padding:1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;box-shadow:0 24px 60px #000c,0 0 40px #60a5fa33}.batch-progress-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.batch-progress-header h3{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:1.25rem}.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:#ffffff14;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:#ffffff08;border:1px solid #ffffff0f;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:#fff;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:#ffffff0f}.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 #ffffff1f;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 #ffffff0d}.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:#ffffff14;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:#ffffff14;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:#ffffff24;border-color:#ffffff4d}.cookies-or-divider{color:var(--text-muted);font-size:.78rem}.cookies-textarea{color:#e2e8f0;resize:vertical;background:#00000073;border:1px solid #ffffff1a;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:#ffffff08;border:1px solid #ffffff0f;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 #ffffff1a;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 #ffffff08}.clip-studio-page-section:before{content:"";background:linear-gradient(90deg,#ff5e3a 0%,#60a5fa 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 #ffffff14;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%,#60a5fa59 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:#ffffff0a;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{color:#fff;background:#0d111c}.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:#ffffff05;border:1px solid #ffffff0d;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:#60a5fa24;border-color:#60a5fa59}.group-badge.success-badge{color:#4ade80;background:#22c55e24;border-color:#22c55e59}.position-sliders-card{background:linear-gradient(135deg,#60a5fa0a 0%,#ff5e3a0a 100%)!important;border:1px solid #60a5fa4d!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 #ffffff12;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:#ffffff26;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:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;transition:all .15s}.slider-quick-buttons button:hover{color:#fff;background:#ffffff24}.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 #ffffff26}.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:#ffffff1a;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 #ffffff14;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:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;padding:.2rem .5rem;font-size:.68rem;font-weight:600;transition:all .2s}.frame-pill:hover{color:#fff;background:#ffffff1f}.frame-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 8px #3b82f666}.frame-refresh-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;padding:.2rem .45rem;font-size:.72rem;transition:all .2s}.frame-refresh-btn:hover{color:#fff;background:#ffffff26}.frame-loading-overlay{z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c4b5fd;background:#0d1117d9;border:1px solid #3b82f666;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:#60a5fa;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 #ffffff14;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:#ffffff14!important}.inline-batch-card{box-sizing:border-box;background:#0d1117f2;border:1px solid #ffffff1a;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 #ffffff1f;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:#ffffff14;border:1px solid #ffffff26;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:#fff3;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:#ffffff14;border:1px solid #ffffff26;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 #ffffff1f;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 #ffffff1a;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 #ffffff14;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:#ffffff08;border:1px solid #ffffff14;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:#ffffff0f;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 #ffffff4d;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{color:#f1f5f9;background:#0f172a}.history-recent-list{border-top:1px solid #ffffff14;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:#ffffff0a;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 #ffffff1f;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:#ffffff14;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 #ffffff14;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{text-align:center;background:linear-gradient(145deg,#161b26 0%,#0d111a 100%);border:1px solid #ffffff26;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:#ffffff14;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:#ffffff26}.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:#ffffff05;border:1.5px dashed #ffffff26;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:#60a5fa0f;border-color:#60a5fa73;box-shadow:0 0 16px #60a5fa26}.bgm-dropzone.drag-over,.bgm-upload-dropzone.drag-over{transform:scale(1.008);background:#60a5fa24!important;border-style:solid!important;border-color:#c084fc!important;box-shadow:0 0 24px #60a5fa59!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:#60a5fa14;border:1px solid #60a5fa40;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:#ffffff14;border:1px solid #ffffff26;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 #fff3;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 #ffffff0f;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 #ffffff14;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 #ffffff14;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}.source-picker{gap:16px;display:grid}.source-picker-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.source-eyebrow{letter-spacing:1.6px;color:var(--primary);font-size:10px;font-weight:750}.source-picker-heading h2{color:var(--text-primary);letter-spacing:-.4px;margin:5px 0 0;font-size:18px}.source-picker-caption{color:var(--text-muted);font-size:11px}.source-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.source-card{text-align:left;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:12px;grid-template-columns:30px 1fr;align-items:center;gap:4px 9px;min-width:0;padding:13px;transition:background .18s,border-color .18s;display:grid}.source-card>span:nth-child(2){font-size:12px;font-weight:700;line-height:1.4}.source-card small{color:var(--text-secondary);grid-column:2;font-size:10px;line-height:1.4}.source-symbol{width:30px;height:32px;color:var(--primary);grid-row:span 2;place-items:center;font-size:20px;display:grid}.source-card:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--primary)}.source-card.is-selected{border-color:var(--primary);background:var(--source-selected-bg);box-shadow:0 0 0 1px var(--primary-glow)}.source-card:focus-visible,.source-action:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.source-card:disabled{opacity:.6;cursor:wait}.source-panel{gap:14px;min-width:0;display:grid}.source-status{border:1px solid var(--border-color);background:var(--bg-surface-hover);color:var(--text-secondary);border-radius:10px;gap:6px;padding:13px 15px;font-size:12px;line-height:1.6;display:grid}.source-status strong{color:var(--text-primary)}.source-status p{margin:0}.source-url-form{gap:10px;display:grid}.source-url-form label,.library-field label{color:var(--text-secondary);font-size:12px;font-weight:700}.source-action-row{flex-wrap:wrap;gap:9px;display:flex}.source-action{border:1px solid var(--border-color);background:var(--bg-surface-hover);color:var(--text-primary);cursor:pointer;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700}.source-action.primary{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.source-action:disabled{opacity:.5;cursor:not-allowed}.source-feedback{color:var(--text-primary);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.source-metadata{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:10px;display:flex}.source-metadata span{border:1px solid var(--border-color);overflow-wrap:anywhere;border-radius:6px;padding:4px 7px}.library-field{gap:9px;display:grid}.library-preview{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:10px;max-width:100%;max-height:220px}.source-hint{color:var(--text-muted);font-size:11px;line-height:1.6}@media (width<=1050px){.source-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=580px){.source-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.source-picker-heading{flex-direction:column;align-items:flex-start;gap:7px}.source-card{grid-template-columns:24px 1fr;gap:4px 7px;padding:11px}.source-symbol{width:24px}.source-picker-caption{font-size:10px}}:root{--alfa-blue:#3b82f6;--alfa-deep:#070d19;--alfa-surface:#0c1424;--alfa-muted:#8392ad}body,#root{min-width:0!important}.clip-shell,.clip-auth,.shell-boot{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.clip-shell *,.clip-auth *{box-sizing:border-box}.clip-shell button,.clip-auth button{font:inherit;cursor:pointer}.clip-shell,.clip-auth{--shell-bg:#080e1b;--shell-text:#eaf1ff;--sidebar-bg:#0b1424;--sidebar-text:#eaf1ff;--sidebar-muted:#a0afc5;--sidebar-label:#7d91ae;--sidebar-line:#9eb9eb26;--sidebar-hover:#14213a;--sidebar-hover-text:#fff;--sidebar-active-bg:linear-gradient(105deg,#1c3866,#142841);--sidebar-active-text:#fff;--sidebar-accent:#78b2ff;--sidebar-active-border:#3e86ff4d;--sidebar-promo-bg:linear-gradient(142deg,#192f57,#101e34 75%);--sidebar-promo-border:#335789;--sidebar-promo-text:#b7c9e4;--sidebar-icon-bg:#2b4770;--sidebar-glow:#3378ea;--sidebar-avatar-bg:#1d3e70;--sidebar-avatar-border:#37619a;--sidebar-avatar-text:#d3e7ff;--sidebar-brand-bg:linear-gradient(145deg,#60a5fa,#1f5ae6);--sidebar-brand-text:#fff;--sidebar-brand-shadow:0 7px 26px #2563eb45;--sidebar-shadow:#0006;--sidebar-scrim:#010817a3;--text-primary:var(--shell-text);--text-secondary:#9aabc3;--text-muted:#8294af;--source-selected-bg:#152b4c;--on-primary:#fff;--danger-text:#fda4af;--danger-border:#793646;--danger-bg:#34202b}.clip-shell{min-height:100vh;color:var(--shell-text);background:var(--shell-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border:#9eb9eb1f;--text-soft:#8e9ab0;--panel:#0d1627;--panel-2:#101c31;display:flex}.clip-sidebar{background:var(--sidebar-bg);width:256px;color:var(--sidebar-text);border-right:1px solid var(--sidebar-line);z-index:60;flex-direction:column;flex:0 0 256px;height:100vh;min-height:100vh;padding:27px 17px 17px;display:flex;position:sticky;top:0;overflow-y:auto}.clip-brand{text-align:left;color:inherit;background:0 0;border:0;align-items:center;gap:12px;margin-bottom:43px;padding:0 9px;display:flex}.brand-mark{background:var(--sidebar-brand-bg);width:37px;height:37px;color:var(--sidebar-brand-text);letter-spacing:-.12em;box-shadow:var(--sidebar-brand-shadow);border-radius:11px;flex-shrink:0;place-items:center;font-size:19px;font-weight:900;display:grid;position:relative}.brand-mark span{letter-spacing:0;font-size:13px;position:relative;top:-7px;left:0}.clip-brand strong{letter-spacing:-.9px;font-size:22px;font-weight:800;line-height:1;display:block}.brand-accent,.blue-dot{color:var(--primary)}.clip-brand small{color:var(--sidebar-label);letter-spacing:2px;margin-top:8px;font-size:8px;font-weight:800;display:block}.nav-section{color:var(--sidebar-label);letter-spacing:1.5px;margin-bottom:13px;padding:0 13px;font-size:10px;font-weight:700}.second-nav{margin-top:37px}.clip-sidebar nav{gap:5px;display:grid}.clip-sidebar .nav-link{width:100%;color:var(--sidebar-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;padding:12px 13px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.clip-sidebar .nav-link:hover{background:var(--sidebar-hover);color:var(--sidebar-hover-text)}.clip-sidebar .nav-link.active{color:var(--sidebar-active-text);background:var(--sidebar-active-bg);border-color:var(--sidebar-active-border);box-shadow:inset 3px 0 var(--primary)}.clip-sidebar .nav-link.active svg{color:var(--sidebar-accent)}.nav-count{background:var(--primary);color:var(--on-primary);border-radius:7px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.sidebar-promo{background:var(--sidebar-promo-bg);border:1px solid var(--sidebar-promo-border);border-radius:14px;gap:10px;margin-bottom:21px;padding:17px;display:grid;position:relative;overflow:hidden}.sidebar-promo:after{content:"";background:var(--sidebar-glow);filter:blur(32px);opacity:.14;pointer-events:none;width:95px;height:95px;position:absolute;top:-15px;right:-35px}.promo-icon{width:34px;height:34px;color:var(--sidebar-accent);background:var(--sidebar-icon-bg);border-radius:10px;place-items:center;display:grid}.sidebar-promo b{font-size:13px}.sidebar-promo span{color:var(--sidebar-promo-text);font-size:11px}.sidebar-promo button{color:var(--sidebar-accent);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:2px 0;font-size:12px;font-weight:750;display:flex}.user-profile{border-top:1px solid var(--sidebar-line);align-items:center;gap:9px;padding:18px 1px 0;display:flex}.user-avatar,.top-avatar{background:var(--sidebar-avatar-bg);border:1px solid var(--sidebar-avatar-border);width:35px;height:35px;color:var(--sidebar-avatar-text);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.user-detail{flex:1;gap:3px;min-width:0;display:grid}.user-detail b{font-size:11px}.user-detail small{color:var(--sidebar-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.user-profile button{color:var(--sidebar-muted);background:0 0;border:0;padding:7px}.user-profile button:hover{color:var(--sidebar-hover-text);background:var(--sidebar-hover)}.clip-sidebar button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.clip-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.clip-topbar{border-bottom:1px solid var(--border);z-index:25;background:#0a1220;justify-content:space-between;align-items:center;height:76px;padding:0 37px;display:flex;position:sticky;top:0}.top-left,.top-actions,.top-breadcrumb{align-items:center;gap:13px;display:flex}.top-breadcrumb{color:#697992;font-size:12px}.top-breadcrumb b{color:#d6e2f5;font-size:12px;font-weight:650}.top-actions{gap:17px}.live-pill{color:#8dc9b3;background:#0f2628;border:1px solid #1d3e41;border-radius:20px;align-items:center;gap:9px;padding:8px 12px;font-size:10px;font-weight:700;display:flex}.live-pill>span{background:#4be4ab;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #52ecb5}.top-icon{color:#98a8be;background:0 0;border:0;place-items:center;padding:7px;display:grid}.top-avatar{border-radius:50%;width:32px;height:32px}.mobile-menu{color:#d5e5fa;background:0 0;border:0;padding:7px;display:none}.clip-content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:35px 39px 56px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-heading h1{letter-spacing:-1.2px;color:#f5f9ff;margin:7px 0 10px;font-size:clamp(24px,2.5vw,35px);font-weight:790;line-height:1.18}.section-heading p{color:#91a0b7;max-width:690px;font-size:12px;line-height:1.8}.eyebrow{color:#68a4fc;letter-spacing:2px;font-size:10px;font-weight:800}.clip-btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:12px 17px;font-size:12px;font-weight:750;transition:background .18s,transform .18s;display:inline-flex}.clip-btn:disabled{opacity:.4;cursor:not-allowed}.clip-btn:not(:disabled):hover{transform:translateY(-1px)}.clip-btn.primary{color:#fff;background:linear-gradient(120deg,#2779f5,#215fda);box-shadow:0 5px 24px #205bd042}.clip-btn.secondary{color:#c6dcff;background:#152640;border-color:#2a476f}.clip-btn.secondary:hover{background:#1a3152}.clip-btn.white{color:#123164;background:#fff}.clip-btn.wide{width:100%}.count-pill{color:#85b6fa;background:#152b48;border:1px solid #234470;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:700}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:26px;display:grid}.metric{border:1px solid var(--border);background:linear-gradient(149deg,#101b2d,#0c1525);border-radius:15px;flex-direction:column;align-items:flex-start;min-height:161px;padding:19px 19px 17px;display:flex}.metric-icon{border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:12px;display:grid}.metric-icon.blue{color:#75b0ff;background:#1c3863}.metric-icon.violet{color:#bdadff;background:#302951}.metric-icon.gold{color:#ffcd81;background:#443626}.metric-icon.green{color:#66dfb4;background:#163e37}.metric>span{color:#95a7c0;margin-bottom:3px;font-size:11px;font-weight:600}.metric strong{letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1.2}.metric small{color:#657590;margin-top:5px;font-size:10px}.hero-banner{background:linear-gradient(105deg,#11396e 0%,#12346b 48%,#0a244b 100%);border:1px solid #255292;border-radius:17px;min-height:308px;margin-bottom:25px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 42px #0208132e}.hero-banner:before{content:"";background:radial-gradient(circle at 65% 40%,#488ffa40,#0000 38%),linear-gradient(120deg,#0000 48%,#4591fd0e 48% 49%,#0000 49%);position:absolute;inset:0}.hero-copy{z-index:2;width:65%;min-width:420px;padding:32px 43px;position:relative}.hero-pill{color:#a9d0ff;letter-spacing:1.8px;background:#102f5c;border:1px solid #3969a5;border-radius:20px;align-items:center;gap:9px;padding:8px 11px;font-size:9px;font-weight:800;display:inline-flex}.pulsing-dot{background:#62c4ff;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 7px #5caeff}.hero-copy h2{color:#fff;letter-spacing:-1px;margin:19px 0 11px;font-size:clamp(22px,2.6vw,34px);font-weight:800;line-height:1.24}.hero-copy h2 em{color:#9bcbff;font-style:normal}.hero-copy p{color:#bbd3f2;max-width:405px;margin-bottom:20px;font-size:12px;line-height:1.8}.hero-art{justify-content:center;align-items:center;width:35%;display:flex;position:absolute;top:0;bottom:0;right:7%;transform:rotate(8deg)}.orb{filter:blur(8px);border-radius:50%;position:absolute}.orb-one{opacity:.27;background:linear-gradient(70deg,#286bd9,#46a9ff);width:235px;height:235px}.orb-two{opacity:.18;border:20px solid #72b8ff;width:170px;height:170px}.clip-frame{background:linear-gradient(150deg,#2c5ba2 5%,#1b3858 40%,#08192d 91%);border:6px solid #071932;border-radius:22px;width:155px;height:260px;position:relative;overflow:hidden;transform:rotate(-14deg);box-shadow:0 24px 48px #001329ad,0 0 0 1px #87bdff61}.clip-frame:before{content:"";z-index:3;background:#071932;border-radius:0 0 15px 15px;width:54%;height:17px;position:absolute;top:-8px;left:23%}.frame-shape{background:radial-gradient(at 30% 20%,#80b3e2,#32709a 40%,#152647 70%);border-radius:48% 58% 27% 41%;width:125px;height:165px;position:absolute;top:32px;left:20px;transform:rotate(-19deg)}.frame-shape:after{content:"";filter:blur(1px);background:#8ebee3;border-radius:50%;width:57px;height:70px;position:absolute;top:20px;left:14px}.mock-badge{z-index:5;color:#103566;letter-spacing:.5px;background:#c4e2ff;border-radius:15px;align-items:center;gap:3px;padding:5px;font-size:7px;font-weight:900;display:flex;position:absolute;top:19px;left:9px}.mock-captions{text-align:center;letter-spacing:-.4px;text-shadow:0 2px 6px #000;font-size:13px;font-weight:1000;line-height:1.1;position:absolute;bottom:48px;left:7px;right:7px}.mock-captions span{color:#ffdb6b}.mock-player{color:#c5d9ed;align-items:center;gap:5px;font-size:7px;display:flex;position:absolute;bottom:16px;left:10px;right:10px}.mock-progress{background:#ffffff65;border-radius:5px;flex:1;height:3px}.mock-progress i{background:#fff;border-radius:5px;width:40%;height:100%;display:block}.float-widget{z-index:4;color:#d5ecff;background:#0a254cde;border:1px solid #7bace36e;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:800;display:flex;position:absolute;transform:rotate(-8deg);box-shadow:0 9px 29px #001b3c77}.widget-one{top:66px;left:9%}.widget-two{bottom:54px;right:-12%}.float-widget svg{color:#78b7ff}.dashboard-bottom{grid-template-columns:1.4fr 1fr;gap:17px;display:grid}.clip-panel{background:var(--panel);border:1px solid var(--border);border-radius:15px;min-width:0;padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.panel-heading h3{color:#eaf1ff;margin:0 0 6px;font-size:15px;font-weight:750}.panel-heading p{color:#6f809b;margin:0;font-size:11px;line-height:1.5}.subtle-link{color:#73abff;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.activity-list{display:grid}.activity-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:13px 0;display:flex}.activity-row:first-child{border-top:0}.activity-row>div{flex:1;gap:5px;min-width:0;display:grid}.activity-row b,.activity-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.activity-row small{color:#7989a2;font-size:10px}.platform-icon{border-radius:10px;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:15px;font-weight:800;display:grid}.platform-icon.youtube{color:#ff949d;background:#422025}.platform-icon.instagram{color:#fd9be5;background:#452647}.platform-icon.tiktok{color:#81e1e5;background:#1d3e43}.platform-icon.generic{color:#a9c8f6;background:#223654}.status{color:#7bb7ff;white-space:nowrap;background:#1b3456;border-radius:7px;align-items:center;padding:5px 8px;font-size:9px;font-weight:780;display:inline-flex}.status.published{color:#7dddbc;background:#143b32}.status.submitted{color:#8cd8dc;background:#223d3f}.status.processing{color:#ffd386;background:#423721}.status.needs_review{color:#fd9b9f;background:#422d31}.status.cancelled{color:#8898b6;background:#252e40}.empty-mini{color:#6e85a6;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:200px;display:flex}.empty-mini b{color:#a1b1c8;font-size:12px}.empty-mini span{font-size:11px}.getting-started .panel-heading{margin-bottom:8px}.action-link{text-align:left;border:0;border-top:1px solid var(--border);color:#adc6eb;background:0 0;align-items:center;gap:11px;width:100%;padding:17px 0;display:flex}.action-link:first-of-type{border-top:0}.action-link>span:nth-child(2){flex:1;gap:5px;display:grid}.action-link b{color:#d4e2f6;font-size:12px;font-weight:670}.action-link small{color:#73839f;font-size:10px}.action-icon{color:#81b7ff;background:#142b4d;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.action-link:hover b{color:#80b9ff}.clip-notice{color:#a7ebd6;word-break:break-word;background:#13352e;border:1px solid #2e675b;border-radius:9px;align-items:center;gap:10px;margin-bottom:17px;padding:12px 15px;font-size:12px;display:flex}.clip-notice.fail{color:#ffc0c0;background:#382125;border-color:#794551}.clip-notice button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:18px}.connected-summary{background:linear-gradient(90deg,#142945,#0d1c30);border:1px solid #24466d;border-radius:13px;align-items:center;gap:16px;margin-bottom:25px;padding:20px;display:flex}.connected-icon{color:#94c6fa;background:#203d63;border-radius:12px;place-items:center;padding:12px;display:grid}.connected-summary>div:nth-child(2){gap:6px;display:grid}.connected-summary b{font-size:13px}.connected-summary span{color:#9aacc5;font-size:11px;line-height:1.6}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.platform-card{border:1px solid var(--border);background:#0e1729;border-radius:15px;flex-direction:column;min-height:266px;padding:22px;display:flex}.platform-heading{align-items:center;gap:12px;display:flex}.platform-logo{border-radius:13px;place-items:center;width:46px;height:46px;font-size:25px;font-weight:800;display:grid}.platform-logo.yt{color:#ff5565;background:#3a1d2d}.platform-logo.ig{color:#ff9bc8;background:#392247}.platform-logo.tt{color:#a1f0f2;background:#1b3a43}.platform-heading h3{margin:0 0 5px;font-size:13px;font-weight:760}.platform-heading span{color:#7d91ac;font-size:10px}.platform-card>p{color:#8a9bb5;margin:17px 0;font-size:11px;line-height:1.65}.account-members{gap:9px;margin-bottom:16px;display:grid}.account-member{border:1px solid #24354f;border-radius:10px;align-items:center;gap:9px;padding:9px;display:flex}.member-avatar{color:#e2eeff;background:#2b4770;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:grid}.account-member>div:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.account-member b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-member small{color:#798eac;font-size:10px}.remove-account{color:#8f9cb2;background:0 0;border:0;font-size:18px}.platform-card>.clip-btn{margin-top:auto}.help-strip{color:#d9c693;background:#252315;border:1px solid #3e3a29;border-radius:10px;align-items:center;gap:12px;margin-top:21px;padding:15px;font-size:11px;line-height:1.6;display:flex}.schedule-layout{grid-template-columns:minmax(320px,.88fr) minmax(350px,1.12fr);align-items:start;gap:18px;display:grid}.publish-form .panel-heading{margin-bottom:23px}.publish-fields{flex-direction:column;gap:12px;display:flex}.publish-fields>label:not(.upload-trigger){color:#a3b6d0;letter-spacing:.3px;margin-top:8px;font-size:11px;font-weight:760}.publish-fields input:not([type=checkbox]),.publish-fields textarea,.publish-fields select{color:#e7f2ff;background:#0a1425;border:1px solid #253956;border-radius:9px;outline:0;width:100%;min-width:0;padding:13px;font-family:inherit;font-size:12px}.publish-fields input:focus,.publish-fields textarea:focus,.publish-fields select:focus{border-color:#408bfc;box-shadow:0 0 0 3px #2872e422}.publish-fields select option{color:#fff;background:#101d33}.publish-fields textarea{resize:vertical;line-height:1.7}.publish-fields ::placeholder{color:#526783}.upload-trigger{color:#7eb1fc;cursor:pointer;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.upload-trigger:hover{text-decoration:underline}.label-extra{color:#68a4fc}.account-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.account-choice{cursor:pointer;background:#101c2f;border:1px solid #293a54;border-radius:9px;align-items:center;gap:8px;padding:10px;display:flex;position:relative}.account-choice.checked{background:#172e50;border-color:#377cee}.account-choice>input{opacity:0;pointer-events:none;position:absolute}.account-choice>span:nth-of-type(2){flex:1;gap:4px;min-width:0;display:grid}.account-choice .platform-icon{border-radius:8px;width:28px;height:28px;font-size:12px}.account-choice b{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:10px;overflow:hidden}.account-choice small{text-transform:capitalize;color:#8095b1;font-size:9px}.account-choice>svg{color:#49617e}.account-choice.checked>svg{color:#78bbff}.inline-empty{color:#91a2be;border:1px dashed #284365;border-radius:10px;grid-column:1/-1;padding:15px;font-size:11px}.inline-empty button{color:#73afff;background:0 0;border:0;font-weight:700}.schedule-modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.schedule-modes button{color:#8ea6c5;background:#0c192d;border:1px solid #263d5c;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:12px 4px;font-size:11px;font-weight:720;display:flex}.schedule-modes button.chosen{color:#90c2ff;background:#192e50;border-color:#3879d6}.input-hint{color:#70849f;font-size:10px;line-height:1.65}.submit-post{margin-top:8px}.panel-ornament{color:#78b1ff;background:#173354;border-radius:9px;place-items:center;padding:9px;display:grid}.icon-square{color:#8fb5ed;background:#14233b;border:1px solid #2a3e5b;border-radius:8px;place-items:center;padding:8px;display:grid}.queue-panel{min-height:450px}.queue-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:330px;display:flex}.queue-empty-icon{color:#84b6fd;background:#14294b;border:1px solid #1d3b6a;border-radius:16px;margin-bottom:17px;padding:18px}.queue-empty h3{margin-bottom:6px;font-size:15px}.queue-empty p{color:#7d8da8;max-width:260px;font-size:11px;line-height:1.8}.timeline{max-height:660px;padding-right:5px;display:grid;overflow-y:auto}.timeline-item{gap:13px;padding-bottom:25px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:#253b59;width:1px;position:absolute;top:16px;bottom:0;left:6px}.timeline-dot{z-index:1;background:#0f1e37;border:3px solid #6aa6ff;border-radius:50%;flex-shrink:0;width:13px;height:13px;margin-top:4px;position:relative}.timeline-dot.published{border-color:#56d3a2}.timeline-dot.needs_review{border-color:#e78d83}.timeline-dot.cancelled{border-color:#697789}.timeline-body{flex:1;min-width:0}.timeline-top{justify-content:space-between;align-items:center;gap:9px;display:flex}.timeline-top b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.timeline-body p{color:#8293ac;margin:5px 0 12px;font-size:11px}.timeline-date{color:#a3b3ce;align-items:center;gap:7px;font-size:10px;display:flex}.job-note,.job-error{color:#83b9b7;margin-top:10px;line-height:1.6;display:block}.job-error{color:#eea3a6}.cancel-action{color:#ec9fa9;background:0 0;border:0;margin-top:11px;padding:0;font-size:10px;font-weight:650}.timeline-body .subtle-link{margin-top:10px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.settings-option{border:0;border-top:1px solid var(--border);color:#b9c6dd;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:16px 0;font-size:12px;display:flex}.settings-option>span:first-child{align-items:center;gap:11px;display:flex}.settings-option>span:last-child{color:#82b4f4;font-size:11px}.settings-option strong{color:#a0c4f0;font-size:11px}.step-list{color:#a9bad1;margin:0;padding-left:19px;font-size:12px;line-height:2.6}.step-list li::marker{color:#619de9;font-weight:800}.wide-card{grid-column:1/-1}.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.checklist-grid span{color:#9badc5;align-items:center;gap:10px;font-size:11px;display:flex}.checklist-grid svg{color:#6fa9f5}.studio-content{max-width:unset}.legacy-studio{border-radius:14px;overflow:auto visible}.legacy-studio .app-container{max-width:unset;padding:14px 4px;min-width:0!important}.legacy-studio .glass-panel{background:#0f192b}.legacy-studio{--primary:#438dfa!important;--primary-glow:#438dfa3b!important;--border-color-glow:#438dfa40!important}.clip-footer{border-top:1px solid var(--border);color:#5e718e;justify-content:space-between;align-items:center;gap:16px;padding:21px 38px;font-size:10px;display:flex}.clip-auth{color:#eaf1ff;background:#070d19;place-content:center;min-height:100vh;padding:100px 20px 66px;display:grid;position:relative;overflow:hidden}.auth-decor{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.auth-glow-a{opacity:.23;background:#1753a1;width:370px;height:370px;top:-140px;right:-100px}.auth-glow-b{opacity:.17;background:#17468f;width:350px;height:350px;bottom:-160px;left:-110px}.auth-nav{letter-spacing:-.4px;align-items:center;gap:11px;font-size:18px;font-weight:800;display:flex;position:absolute;top:32px;left:42px}.brand-muted{color:#7490b6;font-weight:500}.auth-card{background:linear-gradient(150deg,#101d34,#0b1424 75%);border:1px solid #6797df33;border-radius:20px;max-width:444px;padding:37px 39px;position:relative;box-shadow:0 28px 95px #0007}.auth-symbol{color:#b4d7ff;background:#173865;border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:25px;display:grid}.auth-card h1{letter-spacing:-1.8px;margin:9px 0 11px;font-size:36px;font-weight:800}.auth-intro{color:#9aaec9;margin-bottom:24px;font-size:12px;line-height:1.8}.auth-form{gap:12px;display:grid}.auth-form label{color:#d0dcf0;font-size:11px;font-weight:720}.auth-form input{color:#f1f6ff;background:#0a1427;border:1px solid #2b415f;border-radius:9px;outline:0;width:100%;padding:13px;font-size:12px}.auth-form input:focus{border-color:#438af7}.auth-form input::placeholder{color:#58708e}.password-wrap{position:relative}.password-wrap input{padding-right:95px}.password-toggle{color:#85b8fa;background:0 0;border:0;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:10px!important}.auth-form .clip-btn{margin-top:10px}.auth-note{color:#7e95b4;border-top:1px solid #20334e;align-items:center;gap:8px;margin-top:22px;padding-top:20px;font-size:10px;display:flex}.auth-note svg{color:#75afe7}.auth-footer{text-align:center;color:#556986;width:100%;font-size:10px;position:fixed;bottom:24px}.form-error{color:#ffc0c8;background:#3a202b;border:1px solid #5e3343;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.5}.shell-boot{color:#88a6cf;background:#080f1d;justify-content:center;align-items:center;gap:15px;min-height:100vh;font-size:13px;display:flex}.boot-logo{color:#fff;background:#275eae;border-radius:13px;place-items:center;width:46px;height:46px;font-size:20px;font-weight:900;display:grid}.sidebar-scrim{display:none}.shell-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--shell-bg:#eaf1fa;--shell-text:#12233d;--sidebar-bg:#f7faff;--sidebar-text:#172b48;--sidebar-muted:#4f6582;--sidebar-label:#60738d;--sidebar-line:#d8e3f0;--sidebar-hover:#e8f0fa;--sidebar-hover-text:#132f58;--sidebar-active-bg:linear-gradient(105deg,#dceaff,#edf4ff);--sidebar-active-text:#174e9c;--sidebar-accent:#245cb4;--sidebar-active-border:#b7d2f5;--sidebar-promo-bg:linear-gradient(142deg,#e0edff,#f2f7ff 75%);--sidebar-promo-border:#c0d8f8;--sidebar-promo-text:#4c6689;--sidebar-icon-bg:#d5e5fa;--sidebar-glow:#8ab5f4;--sidebar-avatar-bg:#deebff;--sidebar-avatar-border:#c0d4f3;--sidebar-avatar-text:#215390;--sidebar-brand-bg:linear-gradient(145deg,#d7e8ff,#bad5fc);--sidebar-brand-text:#1c4c96;--sidebar-brand-shadow:0 5px 16px #3365a91f;--sidebar-shadow:#2b486e29;--sidebar-scrim:#172b484d;--text-secondary:#536987;--text-muted:#627695;--bg-main:#eaf1fa;--bg-surface:#f7faff;--bg-surface-hover:#edf4fd;--border-color:#d4e0ef;--primary:#2563eb;--primary-glow:#2563eb26;--source-selected-bg:#e5efff;--danger-text:#a52b44;--danger-border:#edbdc8;--danger-bg:#fff0f3;background:var(--shell-bg);color:var(--shell-text);--border:#2246751f;--panel:#f5f9ff;--panel-2:#edf5ff}.shell-light .clip-main{color:#142849}.shell-light .clip-topbar{background:#f6faff}.shell-light .section-heading h1,.shell-light .metric strong,.shell-light .panel-heading h3{color:#172947}.shell-light .clip-panel,.shell-light .metric,.shell-light .platform-card{background:#f7faff}.shell-light .metric>span,.shell-light .metric small,.shell-light .section-heading p{color:#6b7e99}.shell-light .clip-footer{color:#72839c}.shell-light .settings-option,.shell-light .step-list{color:#3f5575}@media (width<=1280px){.clip-sidebar{flex-basis:225px;width:225px}.clip-content{padding:30px 25px 50px}.hero-art{right:4%}.hero-copy{padding-left:30px}.dashboard-bottom{grid-template-columns:1.2fr 1fr}.metrics{gap:10px}}@media (width<=1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom,.schedule-layout{grid-template-columns:1fr}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:68%}.hero-art{right:3%}}@media (width<=760px){.clip-sidebar{box-shadow:10px 0 40px var(--sidebar-shadow);transition:transform .24s;position:fixed;top:0;bottom:0;left:0;transform:translate(-110%)}.clip-sidebar.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:50;background:var(--sidebar-scrim);border:0;display:block;position:fixed;inset:0}.mobile-menu{place-items:center;display:grid}.clip-topbar{height:64px;padding:0 17px}.top-breadcrumb,.top-breadcrumb b{font-size:11px}.top-actions{gap:9px}.live-pill{display:none}.clip-content{padding:24px 16px 44px}.section-heading{flex-direction:column;align-items:flex-start;gap:14px}.section-heading h1{font-size:27px}.section-heading>.clip-btn{align-self:flex-start}.metrics{gap:9px}.metric{min-height:137px;padding:14px}.metric strong{font-size:27px}.metric small{line-height:1.5}.hero-banner{min-height:350px}.hero-copy{z-index:5;width:100%;min-width:0;padding:24px}.hero-copy h2{font-size:26px}.hero-copy p{max-width:62%;font-size:11px}.hero-art{opacity:.75;transform-origin:100%;right:0%;transform:scale(.83)rotate(8deg)}.float-widget{display:none}.platform-grid,.settings-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}.checklist-grid{grid-template-columns:1fr}.clip-footer{flex-direction:column;align-items:flex-start;padding:19px 17px}.account-choices{grid-template-columns:1fr 1fr}.auth-card{padding:28px 24px}.auth-nav{top:22px;left:21px}.auth-card h1{font-size:31px}.legacy-studio{margin:0 -10px}}@media (width<=450px){.hero-art{opacity:.4;right:-8%}.hero-copy p{max-width:90%}.hero-copy h2{font-size:25px}.metric>span{font-size:10px}.account-choices{grid-template-columns:1fr}.timeline-top{flex-wrap:wrap}.auth-card{padding:25px 21px}.clip-topbar .top-icon{display:none}}.shell-light .legacy-studio{--primary:#2563eb!important;--primary-glow:#2563eb26!important;--border-color-glow:#2563eb2e!important}.shell-light .legacy-studio .glass-panel{background:var(--panel);border-color:var(--border-color);color:var(--text-primary)}.legacy-studio .app-header{flex-wrap:wrap;gap:18px}.legacy-studio .header-nav{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}@media (width<=600px){.legacy-studio .header-nav{justify-content:flex-start;margin-left:0}.legacy-studio .source-panel .form-main-input-row{flex-wrap:wrap}.legacy-studio .source-panel .form-main-input-row>.glowing-btn{width:100%}}.media-library-layout{grid-template-columns:minmax(230px,.8fr) minmax(320px,1.2fr);align-items:start;gap:22px;display:grid}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.media-tile{border:1px solid var(--border);background:var(--panel);color:var(--text-primary);text-align:left;border-radius:12px;gap:9px;min-width:0;padding:10px;display:grid}.media-tile:hover,.media-tile.is-selected{border-color:var(--primary)}.media-tile:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.media-tile-art{background:var(--panel-2);height:110px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.media-tile-art>span{font-size:33px}.media-tile-art>small{letter-spacing:1px;font-size:9px;font-weight:700;position:absolute;bottom:9px;left:9px}.media-tile>b{overflow-wrap:anywhere;font-size:11px;line-height:1.5}.media-tile>span{color:var(--text-secondary);font-size:10px}.media-inspector{padding:20px}.media-preview-heading h3{overflow-wrap:anywhere;color:var(--text-primary);margin:8px 0 16px;font-size:15px}.media-preview{object-fit:contain;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;width:100%;max-height:420px;display:block}.media-info{color:var(--text-secondary);margin:12px 0;font-size:10px;line-height:1.6}.media-actions{flex-wrap:wrap;gap:8px;display:flex}.media-actions .clip-btn{padding:10px 12px;font-size:11px}.media-delete{border:1px solid var(--danger-border);color:var(--danger-text);background:0 0}.media-delete:hover{background:var(--danger-bg)}.media-edit-form{border-top:1px solid var(--border);gap:14px;margin-top:22px;padding-top:18px;display:grid}.media-edit-heading h3{color:var(--text-primary);font-size:14px}.media-edit-heading p,.media-trash>p{color:var(--text-secondary);margin:7px 0;font-size:11px;line-height:1.7}.media-edit-form label{color:var(--text-secondary);gap:7px;font-size:11px;font-weight:650;display:grid}.media-edit-range{grid-template-columns:1fr 1fr;gap:12px;display:grid}.media-edit-form .form-input{width:100%;color:var(--text-primary);background:var(--bg-surface);border-color:var(--border);padding:11px;font-size:12px}.media-job{border:1px solid var(--border);background:var(--panel-2);color:var(--text-primary);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:13px;font-size:12px;display:flex}.media-job small{color:var(--text-secondary);font-size:10px}.media-job-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1s infinite alternate media-pulse}.media-empty{text-align:center;color:var(--text-secondary);padding:42px 22px;font-size:12px}.media-empty h3{color:var(--text-primary);margin:12px 0}.media-empty p{margin-bottom:22px;line-height:1.7}.media-empty-icon{color:var(--primary);font-size:34px;display:block}.media-trash{padding:22px}.media-trash h3{color:var(--text-primary)}.media-trash-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.media-trash-item>div{gap:6px;min-width:0;display:grid}.media-trash-item b{overflow-wrap:anywhere;color:var(--text-primary);font-size:12px}.media-trash-item small{color:var(--text-secondary);font-size:10px}.media-trash-item button{flex-shrink:0}.media-inspector .clip-btn.secondary{background:var(--panel-2);color:var(--text-primary);border-color:var(--border)}@keyframes media-pulse{0%{opacity:.4}to{opacity:1}}@media (width<=1100px){.media-library-layout{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-inspector{padding:15px}.media-preview{max-height:350px}.media-trash-item{flex-direction:column;align-items:flex-start}.media-edit-range{grid-template-columns:1fr}.media-actions .clip-btn{flex:1;justify-content:center}}.media-delete-confirm{border:1px solid var(--border);background:var(--shell-bg);border-radius:14px;margin-top:18px;padding:18px}.media-delete-confirm h3{color:var(--shell-text);margin:0 0 10px}.media-delete-confirm p{color:var(--text-secondary);line-height:1.6}