:root{--bg-app:#000000;--bg-panel:#09090b;--bg-card:#141414;--bg-hover:#1f1f1f;--bg-input:#1e1e20;--primary:#06b6d4;--primary-dark:#0891b2;--primary-gradient:linear-gradient(135deg,#06b6d4,#3b82f6);--primary-glow:rgba(6,182,212,0.4);--danger:#ef4444;--danger-dark:#dc2626;--text-main:#ffffff;--text-muted:#a1a1aa;--border:#27272a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container,body{background-color:var(--bg-app)}.app-container{display:flex;width:100vw;height:100vh;color:var(--text-primary);overflow:hidden;position:relative}.window-drag-region{position:absolute;top:0;left:0;width:100%;height:40px;-webkit-app-region:drag;z-index:9999}.sidebar{background-color:var(--bg-app);padding:60px 1rem 1.5rem;display:flex;flex-direction:column;height:100%;width:207px;min-width:207px;box-sizing:border-box;z-index:1}.logo,.nav-item{-webkit-app-region:no-drag}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:white;padding:0 .25rem;margin-bottom:1rem}.logo img{display:block;max-width:100%}.plan-badge{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;margin-left:.5rem;letter-spacing:.5px;line-height:1;display:inline-flex;align-items:center}.plan-badge.free{background:rgba(255,255,255,.1);color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.plan-badge.pro{background:rgba(6,182,212,.15);color:var(--primary);border:1px solid rgba(6,182,212,.3);box-shadow:0 0 10px rgba(6,182,212,.15)}.nav-menu{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s ease}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-main)}.nav-item.active{background-color:rgba(6,182,212,.1);color:var(--primary)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.user-profile{padding:.75rem;background:var(--bg-card);border-radius:var(--radius-md);display:flex;align-items:center;gap:.5rem;font-size:.8rem;position:relative;cursor:pointer;transition:all .2s}.user-profile:hover{background:var(--bg-hover)}.sidebar-login-btn{width:100%;padding:.75rem 1rem;background:var(--primary);border:none;border-radius:var(--radius-md);color:white;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s}.sidebar-login-btn:hover:not(:disabled){filter:brightness(1.1)}.sidebar-login-btn:disabled{opacity:.7;cursor:wait}.avatar{width:28px;height:28px;background:var(--primary-gradient);border-radius:50%;flex-shrink:0}.profile-menu-btn{margin-left:auto;padding:.25rem;border-radius:4px;transition:all .2s}.profile-menu-btn:hover{background:var(--bg-hover)}.profile-dropdown-menu{position:fixed;bottom:calc(1.5rem + 60px);left:1rem;width:120px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.35rem;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:1000;animation:fadeIn .1s ease}.profile-menu-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:6px;background:transparent;border:none;color:var(--text-main);font-size:.8rem;cursor:pointer;transition:all .1s;width:100%;text-align:left}.profile-menu-item:hover{background:var(--bg-hover)}.profile-menu-item.logout{color:var(--danger)}.profile-menu-item.logout:hover{background:rgba(239,68,68,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-panel);border-radius:4px;margin:4px 0}::-webkit-scrollbar-thumb{background:rgba(6,182,212,.3);border-radius:4px;border:1px solid rgba(6,182,212,.5);transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.5);border-color:var(--primary)}.main-content{background-color:var(--bg-panel);margin:40px 8px 8px 0;border-radius:var(--radius-xl);overflow-y:auto;padding:0;display:flex;flex-direction:column;position:relative;scroll-behavior:smooth;scroll-padding:1rem;flex:1;box-shadow:-5px 0 30px rgba(6,182,212,.08),0 0 0 1px var(--border);height:calc(100vh - 48px);box-sizing:border-box;z-index:1}.dashboard-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;-webkit-app-region:drag;padding:2rem 2.5rem 1rem;width:100%;box-sizing:border-box;flex-shrink:0;background-color:var(--bg-panel);z-index:10}.dashboard-content{flex:1;overflow-y:auto;padding:0 2.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.welcome-text{-webkit-app-region:drag;pointer-events:none;user-select:none}.welcome-text h1{font-size:1.5rem;margin:0;font-weight:600}.welcome-text p{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem}.create-banner{background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(6,182,212,.25);margin:1rem 0 2rem;color:white;min-height:160px}.create-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);pointer-events:none}.banner-content{z-index:1;max-width:600px;flex:1;padding-right:1rem}.banner-title{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;background:none;-webkit-text-fill-color:white;color:white;line-height:1.2}.banner-desc{color:rgba(255,255,255,.9);margin-bottom:1.5rem;line-height:1.5;font-size:.95rem;max-width:90%}.banner-decoration{flex-shrink:0}@media (max-width:900px){.banner-decoration{display:none}.create-banner{min-height:auto}}.primary-btn{background:white;color:#0284c7;border:none;padding:.85rem 1.75rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(0,0,0,.1)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15);background:#f8fafc}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.project-card.clickable{cursor:pointer}.project-card.playing,.project-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 20px rgba(6,182,212,.15)}.card-thumbnail{overflow:hidden}.card-thumbnail img,.card-thumbnail video{width:100%;height:100%;object-fit:cover}.card-info{flex:1}.card-date{margin-bottom:.5rem}.card-stats{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.card-actions{padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;gap:.5rem}.recut-btn{flex:1;background:linear-gradient(135deg,#f59e0b,#ef4444);color:white;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 2px 8px rgba(245,158,11,.2)}.recut-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.card-thumbnail{height:140px;background:#2a2a2a;position:relative;display:flex;align-items:center;justify-content:center}.card-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.8}.card-info{padding:1rem}.card-title{font-weight:500;font-size:.95rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-date{font-size:.8rem;color:var(--text-muted)}.studio-container{max-width:900px;gap:2.5rem;padding:3rem 2rem}.clips-container,.studio-container{margin:0 auto;width:100%;display:flex;flex-direction:column;animation:fadeIn .4s ease;box-sizing:border-box}.clips-container{max-width:1400px;gap:2rem;padding:2rem}.studio-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:.5rem}.open-folder-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--primary);border:none;border-radius:8px;color:white;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-left:auto;box-shadow:0 4px 12px rgba(6,182,212,.3);flex-shrink:0;white-space:nowrap}.open-folder-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(6,182,212,.4)}.studio-title{flex:1;min-width:0;margin-right:1rem}.studio-title h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-title p{margin:0;color:var(--text-muted);font-size:.9rem}.back-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s;flex-shrink:0}.back-btn:hover{color:white;border-color:var(--text-muted);background:var(--bg-hover);transform:translateX(-2px)}.input-panel{background:transparent;border:none;border-radius:0;padding:0;gap:2rem;box-shadow:none}.input-group,.input-panel{display:flex;flex-direction:column}.input-group{gap:.75rem}.input-label{font-size:.95rem;font-weight:500;color:var(--text-muted);margin-left:.25rem}.input-row{display:flex;gap:1rem;align-items:stretch}.input-wrapper{flex:1;position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.url-input-pro{background:var(--bg-input);border:1px solid var(--border);padding:1rem 1rem 1rem 3rem;border-radius:var(--radius-md);color:white;font-size:1rem;width:100%;box-sizing:border-box;outline:none;transition:all .2s;height:3.5rem;font-family:inherit}.url-input-pro:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(6,182,212,.1);background:var(--bg-app)}.generate-btn{background:var(--primary-gradient);color:white;border:none;padding:0 2rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;height:3.5rem;white-space:nowrap;transition:all .2s;box-shadow:0 4px 12px rgba(6,182,212,.2)}.generate-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 20px rgba(6,182,212,.3)}.generate-btn:disabled{opacity:.7;cursor:not-allowed;filter:saturate(.5)}.filter-controls{display:flex;gap:4px;background:var(--bg-input);padding:4px;border-radius:8px}.filter-btn{-webkit-app-region:no-drag;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;background:transparent;color:var(--text-muted);border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;position:relative;z-index:10;-webkit-text-fill-color:initial;background-clip:border-box}.filter-btn span{position:relative;z-index:10;color:inherit}.filter-btn:hover{background:var(--bg-hover);color:var(--text-main)}.filter-btn.active{background:rgba(6,182,212,.1)!important;opacity:1!important;font-weight:600;z-index:999;text-shadow:none;box-shadow:none;isolation:isolate}.filter-btn.active,.filter-btn.active span{color:var(--primary)!important;position:relative}.filter-btn.active span{-webkit-text-fill-color:initial!important;background-clip:border-box!important;z-index:1000}.processing-steps{flex-direction:column;gap:0;padding-top:1rem;border-top:1px solid var(--border)}.proc-step,.processing-steps{display:flex;position:relative}.proc-step{align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-app);border-radius:var(--radius-md);border:1px solid transparent;transition:all .3s;z-index:1;margin-bottom:.5rem}.proc-step:before{content:"";position:absolute;left:26px;top:100%;width:2px;height:8px;background:var(--border);opacity:0;transition:opacity .3s}.proc-step.active:before,.proc-step.done:before{opacity:1}.proc-step.done:before{background:rgba(6,182,212,.5)}.proc-step:last-child:before{display:none}.proc-step.active{border-color:var(--primary);background:rgba(6,182,212,.05)}.proc-step.done{background:rgba(6,182,212,.05);border-color:rgba(6,182,212,.3)}.result-card{margin-top:1rem;background:#000;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column}.result-video{width:100%;max-height:400px;background:black}.result-actions{padding:1rem;display:flex;justify-content:flex-end;background:var(--bg-card);border-top:1px solid var(--border)}.input-type-toggle{display:flex;gap:1rem;margin-bottom:.5rem;background:var(--bg-app);padding:.25rem;border-radius:var(--radius-md);align-self:flex-start}.toggle-btn{background:transparent;border:none;color:var(--text-muted);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s}.toggle-btn.active{background:var(--bg-card);color:white;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-btn:hover:not(.active){color:white}.file-drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:var(--bg-app)}.file-drop-zone:hover{border-color:var(--primary);background:rgba(6,182,212,.05)}.file-placeholder{color:var(--text-muted)}.file-placeholder,.file-selected{display:flex;flex-direction:column;align-items:center;gap:1rem}.change-file-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer}.video-info-preview{margin-top:1rem;background:var(--bg-app);padding:1rem;border-radius:var(--radius-md);display:flex;gap:1rem;align-items:center;animation:fadeIn .3s ease}.preview-thumb{width:80px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.preview-meta{flex:1;flex-direction:column}.preview-meta,.preview-selects{display:flex;gap:.5rem}.preview-selects .custom-select-wrapper{flex:1}.preview-selects .audio-select{max-width:150px}.preview-title{font-weight:600;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.custom-select-wrapper{position:relative;width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);transition:border-color .2s}.custom-select-wrapper:hover{border-color:var(--text-muted)}.format-select{width:100%;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:white;padding:.8rem 2.5rem .8rem 1rem;border-radius:var(--radius-sm);outline:none;font-size:.9rem;font-family:inherit;cursor:pointer}.format-select option{background-color:var(--bg-card);color:white;padding:10px}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);display:flex;align-items:center}.custom-dropdown{position:relative;width:100%;cursor:pointer}.dropdown-selected{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:white;font-size:.9rem;transition:all .2s ease}.custom-dropdown:hover .dropdown-selected{border-color:rgba(255,255,255,.15)}.custom-dropdown.open .dropdown-selected{border-color:rgba(6,182,212,.5);border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-chevron{color:var(--text-muted);transition:transform .2s ease}.dropdown-chevron.rotated{transform:rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-top:none;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);z-index:100;max-height:200px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.4)}.dropdown-option{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;color:var(--text-secondary);font-size:.875rem;transition:all .15s ease;cursor:pointer}.dropdown-option:hover{background:rgba(255,255,255,.05);color:white}.dropdown-option.selected{color:var(--accent);background:rgba(6,182,212,.08)}.dropdown-option.selected:hover{background:rgba(6,182,212,.12)}.config-select-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:.5rem}.config-select-wrapper:hover{border-color:var(--primary)}.config-hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;margin-bottom:0}.analysis-result{margin-top:1.5rem;background:rgba(6,182,212,.05);border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;animation:fadeIn .3s ease}.result-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.result-header h3{margin:0;font-size:1.1rem;color:white}.clips-grid-view{margin-top:2rem;animation:fadeIn .3s ease}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;padding-bottom:2rem}.clip-card{background:#000;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;aspect-ratio:9/16;box-shadow:0 4px 16px rgba(0,0,0,.4);display:flex;flex-direction:column}.clip-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px rgba(6,182,212,.4)}.clip-preview{position:relative;width:100%;height:100%;background:#000}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s ease;z-index:2}.clip-card:hover .play-overlay{opacity:0}.clip-video{width:100%;height:100%;object-fit:contain;display:block}.clip-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1rem 1rem;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.7) 60%,transparent);color:white;pointer-events:none;z-index:3}.clip-title{font-size:.95rem;font-weight:600;margin:0 0 .5rem;line-height:1.3;color:white;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.5)}.clip-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.clip-duration{color:rgba(255,255,255,.9);font-weight:500}.clip-duration,.clip-score{display:flex;align-items:center;gap:.3rem}.clip-score{color:var(--primary);font-weight:700;font-size:.9rem}.modal-mobile-header{display:none}.video-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(20px);animation:fadeIn .2s ease}.video-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:1rem}.video-modal-content.two-column{flex-direction:row;gap:2.5rem;align-items:flex-start;padding:2rem;background:rgba(20,20,22,.95);border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.6)}.modal-video-side{flex-shrink:0;border-radius:12px;overflow:hidden}.modal-info-side{width:340px;color:white;display:flex;flex-direction:column;padding:.5rem 0;max-height:80vh;overflow-y:auto}.modal-score{display:flex;align-items:baseline;gap:6px;margin-bottom:.75rem}.modal-score .score-value{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.modal-score .score-label{font-size:1.3rem;color:rgba(255,255,255,.35);font-weight:500}.modal-title{font-size:1.4rem;font-weight:700;margin:0 0 1rem;line-height:1.35;color:rgba(255,255,255,.95)}.modal-duration{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.5);font-size:.9rem;margin-bottom:1.5rem;padding:6px 12px;background:rgba(255,255,255,.06);border-radius:20px;width:fit-content}.modal-timerange{color:rgba(255,255,255,.35);margin-left:4px}.modal-section{margin-bottom:1.25rem;padding:1rem;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.modal-section h4{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.4);margin:0 0 .6rem;text-transform:uppercase;letter-spacing:1px}.modal-hook{font-size:1.05rem;font-style:italic;color:#06b6d4;margin:0;line-height:1.5;font-weight:500}.modal-reason{font-size:.9rem;color:rgba(255,255,255,.7);margin:0;line-height:1.65}.modal-close{font-size:1.2rem;width:36px;height:36px;z-index:10001}.modal-close:hover{transform:scale(1.1)}.modal-video{aspect-ratio:9/16;width:auto;height:75vh;max-height:75vh;border-radius:12px;object-fit:contain;background:#000}.modal-info{text-align:center;color:white}.modal-info h3{margin:0 0 .5rem;font-size:1.2rem}.modal-meta{display:flex;gap:1.5rem;justify-content:center;font-size:.9rem;color:rgba(255,255,255,.8)}@media (max-width:1000px){.video-modal-content.two-column{flex-direction:column;gap:1.5rem;padding:1.5rem;max-height:95vh;overflow-y:auto}.modal-video{height:50vh;max-height:50vh}.modal-info-side{width:100%;max-width:100%}.modal-score .score-value{font-size:2.5rem}.modal-title{font-size:1.2rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin,.spin,.spinner{animation:spin 1s linear infinite}@keyframes indeterminateProgress{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(200%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transcribed-badge{color:var(--primary)}.project-menu-container{position:relative;margin-left:auto}.menu-dots-btn{background:transparent;border:none;padding:.35rem;cursor:pointer;color:var(--text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:auto}.menu-dots-btn:hover{background:var(--bg-hover);color:var(--text)}.project-dropdown-menu{position:fixed;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:160px;z-index:1000;animation:fadeIn .15s ease}.project-dropdown-menu .menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text);font-size:.9rem;cursor:pointer;transition:all .2s}.project-dropdown-menu .menu-item:hover{background:var(--bg-hover)}.project-dropdown-menu .menu-item.delete{color:var(--danger,#ef4444);border-top:1px solid var(--border);margin-top:.25rem;padding-top:.85rem}.project-dropdown-menu .menu-item.delete:hover{background:rgba(239,68,68,.1)}.delete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.delete-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;min-width:280px;animation:fadeIn .15s ease}.delete-text{margin:0 0 1rem;font-size:.95rem;color:var(--text);text-align:center}.delete-text strong{color:var(--primary)}.delete-actions{display:flex;gap:.5rem}.delete-cancel{flex:1;padding:.6rem 1rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .15s}.delete-cancel:hover{background:var(--bg-hover);color:var(--text)}.delete-confirm{flex:1;padding:.6rem 1rem;background:var(--danger);border:none;border-radius:8px;color:white;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.delete-confirm:hover{background:var(--danger-dark)}.recut-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;min-width:340px;animation:fadeIn .15s ease}.recut-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text)}.recut-project-name{margin:0 0 1.25rem;font-size:.85rem;color:var(--text-muted)}.recut-config-section{margin-bottom:1.25rem}.recut-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.recut-select{width:100%;padding:.65rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;cursor:pointer;transition:border-color .15s}.recut-select:focus{outline:none;border-color:var(--primary)}.recut-hint{margin:.5rem 0 0;font-size:.75rem;color:var(--success)}.recut-start{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;background:var(--primary);border:none;border-radius:8px;color:white;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.recut-start:hover{background:var(--primary-dark)}.settings-container{padding:2rem 3rem;max-width:800px;overflow:visible}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:1.75rem;font-weight:600;margin:0 0 .25rem;color:var(--text)}.settings-header p{color:var(--text-muted);font-size:.9rem;margin:0}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-section .section-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.settings-card.clickable{cursor:pointer;transition:all .2s}.settings-card.clickable:hover{background:var(--bg-hover);border-color:var(--primary)}.profile-row{gap:1rem}.profile-avatar,.profile-row{display:flex;align-items:center}.profile-avatar{width:48px;height:48px;background:var(--primary-gradient);border-radius:50%;justify-content:center;font-size:1.25rem;font-weight:600;color:white}.profile-info{flex:1}.profile-name{font-weight:600;font-size:1rem;color:var(--text)}.profile-email{font-size:.85rem;color:var(--text-muted)}.profile-plan{background:var(--primary);color:white;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.language-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text)}.language-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.language-btn.active{background:rgba(6,182,212,.1);border-color:var(--primary)}.lang-flag{font-size:1.25rem}.lang-name{font-size:.9rem}.storage-row{display:flex;align-items:center;gap:1rem}.storage-info{flex:1}.storage-label{font-weight:500;color:var(--text);margin-bottom:.25rem}.storage-path{font-size:.85rem;color:var(--text-muted);font-family:monospace}.account-row{display:flex;align-items:center;gap:1rem}.account-info{flex:1}.account-label{font-weight:500;color:var(--text);margin-bottom:.25rem}.account-desc{font-size:.85rem;color:var(--text-muted)}.settings-compact-container{max-width:600px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;overflow:visible;gap:2rem}.settings-header-compact{margin-bottom:1rem}.settings-header-compact h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-header-compact p{color:var(--text-muted);margin:0;font-size:.95rem}.settings-group{flex-direction:column;gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.settings-group,.settings-row{display:flex;overflow:visible;position:relative}.settings-row{align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:transparent;transition:background .2s}.settings-row:has(.custom-dropdown-container){z-index:10}.settings-row:has(.custom-dropdown-container):hover{background:transparent}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:var(--bg-hover)}.settings-row:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.settings-row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.settings-row:first-child:last-child{border-radius:var(--radius-md)}.settings-label{display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--text-main);font-size:.95rem}.settings-icon{color:var(--text-muted)}.settings-control{display:flex;align-items:center;gap:.5rem;overflow:visible}.segmented-control{display:flex;background:var(--bg-input);padding:4px;border-radius:8px;gap:2px}.segmented-btn{padding:4px 12px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.segmented-btn.active,.segmented-btn:hover{color:var(--text-main)}.segmented-btn.active{background:var(--bg-app);box-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:600}.custom-dropdown-container{position:relative;min-width:140px}.custom-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;cursor:pointer;transition:all .2s}.custom-dropdown-trigger:hover{border-color:var(--text-muted)}.dropdown-arrow{color:var(--text-muted);transition:transform .2s;transform:rotate(90deg)}.dropdown-arrow.open{transform:rotate(-90deg)}.custom-dropdown-menu{position:fixed;min-width:180px;max-height:350px;overflow-y:scroll!important;overflow-x:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem;display:block;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:99999;animation:fadeIn .1s ease}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{background:transparent}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.custom-dropdown-item{padding:.6rem .8rem;border-radius:6px;color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .1s;flex-shrink:0;white-space:nowrap}.custom-dropdown-item:hover{background:var(--bg-hover);color:var(--text-main)}.custom-dropdown-item.selected{color:var(--primary);background:rgba(6,182,212,.1);font-weight:500}.path-display:hover{background:var(--bg-hover)!important}.path-display:hover,.path-display:hover .settings-value{color:var(--text-main)}.settings-row.clickable{cursor:pointer}.settings-row.clickable:active{background:var(--bg-input)}.settings-value{color:var(--text-muted);font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal{background:#141414;border-radius:24px;border:1px solid rgba(255,255,255,.08);position:relative;max-width:90vw;max-height:90vh;overflow:auto;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 80px -20px rgba(0,0,0,.8)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:rgba(255,255,255,.08);border-radius:50%;color:rgba(255,255,255,.6);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.modal-close:hover{background:rgba(255,255,255,.15);color:white;transform:rotate(90deg)}.auth-modal{width:420px;padding:0;overflow:hidden}.auth-modal-content{padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.auth-modal-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#3b82f6);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;box-shadow:0 20px 40px -10px rgba(6,182,212,.4);position:relative}.auth-modal-icon svg{width:40px;height:40px;stroke-width:2}.auth-modal-icon:after{content:"";position:absolute;inset:-10px;background:inherit;filter:blur(20px);opacity:.3;z-index:-1;border-radius:50%}.auth-modal-content h2{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:white}.auth-modal-content p{color:#a1a1aa;margin:0 0 2rem;line-height:1.5;font-size:.95rem;max-width:280px}.auth-modal-btn{width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:600;background:var(--primary);color:white;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;box-shadow:0 4px 12px rgba(6,182,212,.3)}.auth-modal-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(6,182,212,.4)}.auth-modal-btn svg{width:20px;height:20px}.auth-modal-pending{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;width:100%;animation:fadeIn .3s ease}.auth-modal-pending .spinner{width:32px;height:32px;color:#06b6d4}.auth-modal-hint{font-size:.85rem;color:#71717a;margin-top:.5rem}.device-error-modal{width:460px;padding:0;overflow:hidden}.device-error-content{padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.device-error-icon{width:90px;height:90px;border-radius:50%;background:rgba(239,68,68,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:2px solid rgba(239,68,68,.3)}.device-error-icon svg{stroke-width:1.5}.device-error-content h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:white}.device-error-message{color:#d4d4d8;margin:0 0 2rem;line-height:1.6;font-size:.95rem;max-width:360px}.device-error-actions{display:flex;gap:1rem;width:100%;justify-content:center}.device-error-btn{flex:1;max-width:180px;padding:.875rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;text-decoration:none;text-align:center;transition:all .2s;display:flex;align-items:center;justify-content:center}.device-error-btn.secondary{background:transparent;color:#a1a1aa;border:1px solid #3f3f46}.device-error-btn.secondary:hover{background:#27272a;border-color:#52525b;color:white}.device-error-btn.primary{background:#ef4444;color:white;border:none}.device-error-actions .primary-btn:hover,.device-error-btn.primary:hover{background:#dc2626}.update-modal{width:420px;padding:0;overflow:hidden}.update-modal-content{padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.update-modal-icon{width:90px;height:90px;border-radius:50%;background:rgba(6,182,212,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:2px solid rgba(6,182,212,.3)}.update-modal-icon svg{stroke-width:1.5}.update-modal-content h2{font-size:1.4rem;font-weight:700;margin:0 0 .75rem;color:white}.update-version{color:#a1a1aa;margin:0 0 1.5rem;font-size:.95rem}.update-message{color:#d4d4d8;margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.update-error-message{color:#ef4444;margin:0 0 1.5rem;font-size:.85rem}.update-progress{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:1rem}.update-progress-bar{height:100%;background:linear-gradient(90deg,#06b6d4,#0891b2);border-radius:4px;transition:width .3s ease}.update-percent{color:#06b6d4;font-size:1.25rem;font-weight:700;margin:0}.update-actions{gap:1rem;width:100%;margin-top:.5rem}.update-actions,.update-btn{display:flex;justify-content:center}.update-btn{flex:1;max-width:160px;padding:.875rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;text-decoration:none;text-align:center;transition:all .2s;align-items:center}.update-btn.secondary{background:transparent;color:#a1a1aa;border:1px solid #3f3f46}.update-btn.secondary:hover{background:#27272a;border-color:#52525b;color:white}.update-btn.primary{background:#06b6d4;color:white;border:none}.update-btn.primary:hover{background:#0891b2}.usage-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:.625rem .75rem;background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(59,130,246,.06));border-radius:10px;border:1px solid rgba(6,182,212,.15)}.usage-stats .usage-icon{color:#06b6d4;flex-shrink:0}.usage-stats .usage-value{font-size:.95rem;font-weight:700;color:#fff}.usage-stats .usage-label{font-size:.75rem;color:#71717a}.usage-stats .usage-bar{width:100%;height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;margin-top:.25rem}.usage-stats .usage-bar-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:2px;transition:width .5s ease}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding-right:.5rem}.notifications-btn{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:rgba(255,255,255,.5);cursor:pointer;transition:all .2s ease}.notifications-btn:hover{background:rgba(255,255,255,.08);color:white}.notifications-btn.has-unread{color:#06b6d4;animation:pulse-notification 2s infinite}@keyframes pulse-notification{0%,to{box-shadow:0 0 0 0 rgba(6,182,212,.4)}50%{box-shadow:0 0 0 4px rgba(6,182,212,0)}}.notifications-badge{position:absolute;top:-2px;right:-2px;min-width:14px;height:14px;padding:0 3px;background:#ef4444;border-radius:7px;font-size:.6rem;font-weight:700;color:white;display:flex;align-items:center;justify-content:center}.notifications-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}.notifications-dropdown{position:fixed;top:55px;left:200px;width:280px;max-height:360px;background:#0a0a0c;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.9);animation:slideDown .2s ease;z-index:100000;overflow:hidden;-webkit-app-region:no-drag}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0a0a0c}.notifications-header>span:first-child{font-weight:600;font-size:.85rem}.mark-all-read{background:none;border:none;color:#06b6d4;font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.mark-all-read:hover{background:rgba(6,182,212,.1)}.notifications-list{max-height:280px;overflow-y:auto}.notifications-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;color:rgba(255,255,255,.4);font-size:.8rem}.notification-item{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s}.notification-item:hover{background:rgba(255,255,255,.03)}.notification-item.unread{background:rgba(6,182,212,.05)}.notification-item.unread:hover{background:rgba(6,182,212,.08)}.notification-content{flex:1;min-width:0}.notification-content h4{margin:0 0 .2rem;font-size:.8rem;font-weight:600;color:white}.notification-content p{margin:0 0 .35rem;font-size:.78rem;color:rgba(255,255,255,.6);line-height:1.4}.notification-time{font-size:.7rem;color:rgba(255,255,255,.35)}.notification-action-btn{margin-top:.5rem;padding:.35rem .7rem;font-size:.75rem;font-weight:500;color:white;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.notification-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(6,182,212,.3)}.notification-dot{width:6px;height:6px;background:#06b6d4;border-radius:50%;flex-shrink:0;margin-top:5px}.notifications-container:focus-within .notifications-dropdown{display:block}.notification-item.update-notification{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;background:rgba(6,182,212,.08);border-bottom:1px solid rgba(6,182,212,.15);position:relative}.notification-item.update-notification:hover{background:rgba(6,182,212,.12)}.notification-icon-wrap{width:32px;height:32px;border-radius:8px;background:rgba(6,182,212,.15);display:flex;align-items:center;justify-content:center;color:#06b6d4;flex-shrink:0}.notification-item.update-notification .notification-content h4{color:#06b6d4;font-size:.85rem;margin-bottom:.25rem}.notification-item.update-notification .notification-content p{font-size:.75rem;color:rgba(255,255,255,.5);margin-bottom:.5rem}.notification-update-btn{background:#06b6d4;color:white;border:none;padding:.4rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.notification-update-btn:hover{background:#0891b2}.notification-dismiss{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;background:transparent;border:none;color:rgba(255,255,255,.3);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.notification-dismiss:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.6)}@media (max-width:768px){.clips-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;padding:.5rem!important}.clip-card{border-radius:12px}.clip-info{padding:.75rem .5rem .5rem}.clip-title{font-size:.8rem;-webkit-line-clamp:1;line-clamp:1}.clip-meta{font-size:.7rem}.play-overlay svg{width:32px!important;height:32px!important}.video-modal-content.two-column{width:95vw!important;max-width:95vw!important;padding:1rem!important;gap:1rem!important;border-radius:16px}.modal-video{width:100%!important;height:auto!important;max-height:55vh!important;aspect-ratio:9/16}.modal-video-side{width:100%}.modal-info-side{width:100%!important;max-height:none!important;padding:0!important}.modal-score .score-value{font-size:2rem!important}.modal-score .score-label,.modal-title{font-size:1rem!important}.modal-title{margin-bottom:.75rem!important}.modal-duration{font-size:.8rem;margin-bottom:1rem;padding:4px 10px}.modal-section{padding:.75rem;margin-bottom:.75rem}.modal-section h4{font-size:.7rem;margin-bottom:.4rem}.modal-hook{font-size:.9rem}.modal-reason{font-size:.85rem}.modal-close{top:.5rem;right:.5rem;width:32px;height:32px;font-size:1rem}.clips-header{flex-direction:column;gap:.75rem;padding:.75rem}.clips-header .back-btn{padding:.5rem .75rem;font-size:.85rem}.clips-header .download-btn{padding:.5rem 1rem;font-size:.85rem}.clips-header .clips-count{font-size:.85rem}}@media (max-width:480px){.clips-grid{grid-template-columns:1fr!important;gap:1rem!important}.modal-video{max-height:45vh!important}.video-modal-content.two-column{max-height:98vh!important;padding:.75rem!important}}@media (max-width:768px){.clips-container,.dashboard-content,.dashboard-view,.studio-container{border-radius:0!important}.dashboard-header{padding:.75rem 0}.welcome-text h1{font-size:1.25rem!important;line-height:1.3}.welcome-text p{font-size:.85rem}.create-banner{flex-direction:column!important;text-align:center;padding:1.25rem 1rem!important;border-radius:12px!important;min-height:auto!important;gap:1rem}.banner-content{padding-right:0!important;max-width:100%}.banner-title{font-size:1.25rem!important}.banner-desc{font-size:.85rem;margin-bottom:1rem!important;max-width:100%}.primary-btn{width:100%;justify-content:center;padding:.75rem 1.25rem;font-size:.9rem}.recent-section{padding:0}.section-title{font-size:.95rem!important;flex-wrap:wrap;gap:.5rem!important}.section-title>div:first-child{flex:1;min-width:120px}.projects-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.project-card{border-radius:10px}.card-thumbnail{height:100px!important}.card-info{padding:.75rem}.card-title{font-size:.85rem}.card-date{font-size:.7rem}.studio-container{padding:1rem!important;gap:1.5rem!important}.studio-header{gap:.75rem}.studio-title h2{font-size:1.1rem!important}.studio-title p{font-size:.8rem}.back-btn{width:36px;height:36px}.clips-container{padding:1rem!important;gap:1rem!important}.clips-header{flex-wrap:wrap;gap:.75rem}.clips-header .project-title{font-size:.9rem!important;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr!important}.create-banner{padding:1rem!important}.banner-title,.welcome-text h1{font-size:1.1rem!important}}@media (max-width:768px){.video-modal-content.two-column{max-height:100vh!important;height:100vh!important;width:100vw!important;max-width:100vw!important}.create-banner{flex-direction:column!important;padding:1rem!important;gap:1rem!important;min-height:auto!important;flex-shrink:0!important}.banner-content .primary-btn,.create-banner .primary-btn,button.primary-btn{width:100%!important;min-width:100%!important;max-width:100%!important;height:48px!important;display:flex!important;align-items:center;justify-content:center;margin-top:.5rem;white-space:nowrap!important;flex:0 0 auto!important}.banner-content{width:100%!important;padding:0!important;flex:0 0 auto!important}.clip-card{height:auto!important;aspect-ratio:auto!important;display:flex;flex-direction:column}.clip-thumbnail{width:100%!important;height:auto!important;aspect-ratio:9/16!important;object-fit:cover!important;border-radius:8px!important}.video-modal{padding:0!important;align-items:flex-start!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.95)!important;z-index:2147483640!important;animation:none!important;transform:none!important;touch-action:pan-y!important;overscroll-behavior:contain!important}.video-modal-content.two-column{min-height:100vh!important;height:auto!important;margin:0!important;border-radius:0!important;width:100%!important;max-width:100%!important;padding:0!important;border:none!important;display:flex;flex-direction:column;justify-content:flex-start}.modal-mobile-header{display:flex!important;justify-content:space-between;align-items:flex-start;width:100%!important;box-sizing:border-box!important;padding:max(100px,env(safe-area-inset-top) + 60px) 1.5rem .5rem!important;background:transparent!important;z-index:2147483647!important}.mobile-header-text{display:flex;flex-direction:column;gap:4px;flex:1;padding-right:1rem}.mobile-title{color:white;font-size:1.1rem;font-weight:600;margin:0;line-height:1.3;text-align:left}.mobile-score{display:flex;align-items:center;gap:4px;font-size:.9rem;color:var(--primary);font-weight:700}.modal-close-mobile{background:rgba(255,255,255,.1)!important;color:white!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;display:flex!important;font-size:1.2rem!important;border:none!important;cursor:pointer!important;margin-top:-5px;line-height:0!important;padding:0 0 2px!important}.modal-close-mobile,.modal-video-side{align-items:center;justify-content:center}.modal-video-side{width:100%!important;margin-top:0!important;margin-bottom:.5rem!important;height:auto!important;max-height:75vh;background:transparent!important;display:flex}.modal-close,.modal-info-side .modal-score,.modal-info-side .modal-title{display:none!important}.modal-info-side{width:100%!important;padding:.5rem 1.5rem 4rem!important;overflow:visible!important;height:auto!important;max-height:none!important;box-sizing:border-box!important}.dashboard-content{display:flex!important;flex-direction:column!important;padding:1rem!important;gap:1.5rem!important}.project-card .card-thumbnail{width:100%!important;height:auto!important;aspect-ratio:16/9!important}.clip-card,.project-card{margin:0!important;width:100%!important}.clip-card.playing{border-color:var(--primary)!important;box-shadow:0 4px 20px rgba(6,182,212,.25)!important}.studio-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;height:auto!important;padding-bottom:1rem!important}.studio-title{width:100%;margin-left:0!important;text-align:left}.studio-header button{width:100%!important;justify-content:center}.studio-header .back-btn{width:40px!important;height:40px!important;min-width:40px!important;flex-shrink:0!important;align-self:flex-start;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;padding:0!important}.clips-container,.dashboard-view,.main-content{border-radius:0!important;margin:0!important;padding:0!important;max-width:100vw!important;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.main-content::-webkit-scrollbar{display:none}.dashboard-content,.studio-container{border-radius:0!important;margin:0!important;padding:1rem!important;box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden}.studio-header{padding-left:1.5rem!important;padding-right:1.5rem!important}.clips-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:1.5rem!important;padding:0 0 2rem!important;width:100%!important;box-sizing:border-box!important}.clip-card{margin:0 1.5rem 1rem!important;width:auto!important;max-width:none!important;border-radius:12px!important;flex:0 0 auto!important}.projects-grid{padding:0!important;gap:1rem!important}}.modal-download-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:white;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;width:100%;margin-bottom:1rem;margin-top:.5rem}.modal-download-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}@media (min-width:1001px){.modal-download-btn{width:auto;align-self:flex-start;margin-bottom:1.5rem}}.dash-hero{margin-bottom:2.5rem}.dash-hero-title{font-size:2rem;font-weight:700;color:white;margin-bottom:.5rem;letter-spacing:-.02em}.dash-hero-sub{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.dash-cta-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:white;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 20px rgba(6,182,212,.25)}.dash-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(6,182,212,.4)}.dash-btn-small{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:white;padding:.35rem .85rem;border-radius:6px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 10px rgba(6,182,212,.2)}.dash-btn-small:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(6,182,212,.3);color:white}.dash-launcher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.launcher-card{background:#0a0a0c;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.launcher-card:hover{background:#121214;border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.launcher-card.primary{border-color:rgba(6,182,212,.3);background:linear-gradient(145deg,rgba(6,182,212,.05),transparent)}.launcher-card.primary:hover{border-color:var(--primary);background:linear-gradient(145deg,rgba(6,182,212,.1),transparent)}.launcher-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:white;transition:all .2s}.launcher-card.primary .launcher-icon{background:var(--primary);color:black}.launcher-card:hover .launcher-icon{transform:scale(1.1)}.launcher-info h3{color:white;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.launcher-info p{color:var(--text-muted);font-size:.9rem;line-height:1.4}.dash-live-status{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;margin-bottom:3rem}.status-card{background:#0a0a0c;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.status-header h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:rgba(255,255,255,.9);margin:0}.jobs-list{display:flex;flex-direction:column;gap:0;max-height:220px;overflow-y:auto;padding-right:.5rem}.jobs-list::-webkit-scrollbar{width:4px}.jobs-list::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:2px}.jobs-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.jobs-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.active-job-row{padding:1rem 0;background:transparent!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.05)!important;border-radius:0!important}.active-job-row:last-child{border-bottom:none}.job-status-icon{width:8px;height:8px;border-radius:50%}.job-status-icon.processing{background:#eab308;box-shadow:0 0 10px rgba(234,179,8,.4)}.job-status-icon.completed{background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.4)}.job-status-icon.failed{background:#ef4444}.job-id{font-weight:500;font-size:.85rem}.job-time{color:var(--text-muted);font-size:.75rem}.job-action{color:var(--primary);text-decoration:none;font-size:.8rem;font-weight:500}.job-action:hover{text-decoration:underline}.jobs-empty{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.9rem;font-style:italic}@media (max-width:900px){.dash-live-status{grid-template-columns:1fr}}.dash-affiliate-block{background:linear-gradient(145deg,rgba(6,182,212,.05),#0a0a0c);border:1px solid rgba(6,182,212,.2);border-radius:16px;padding:1.5rem 2rem;margin-bottom:3rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.dash-affiliate-block:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,.1) 0,transparent 70%);pointer-events:none}.dash-affiliate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dash-affiliate-header h2{font-size:1.25rem;font-weight:600;color:white;display:flex;align-items:center;gap:.75rem}.dash-affiliate-desc{color:var(--text-muted);font-size:1rem;line-height:1.5;max-width:600px;margin-bottom:1rem}.dash-affiliate-desc strong{color:#22c55e}.dash-affiliate-btn{display:inline-flex;align-items:center;gap:.5rem;background:#06b6d4;color:black;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;width:fit-content;transition:all .2s}.dash-affiliate-btn:hover{background:#0891b2;transform:translateY(-1px)}.dash-earnings-link{color:var(--text-muted);font-size:.9rem;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s}.dash-earnings-link:hover{color:white}@media (max-width:768px){.dash-affiliate-block{padding:1.5rem}.dash-affiliate-header{flex-direction:column;align-items:flex-start;gap:1rem}.dash-affiliate-btn{width:100%;justify-content:center}}.active-job-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.active-job-row:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.job-status-icon-container{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.job-status-icon-container.completed{background:rgba(34,197,94,.1);color:#22c55e}.job-status-icon-container.processing{background:rgba(234,179,8,.1);color:#eab308}.job-status-icon-container.failed{background:rgba(239,68,68,.1);color:#ef4444}.job-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.job-id{color:white;font-weight:600;font-size:.95rem}.job-status-text{color:var(--text-muted);font-size:.85rem}.job-status-icon,.job-time{display:none}