:root{--cf-ink:#182230;--cf-muted:#667085;--cf-subtle:#f5f7fb;--cf-border:#e4e8ef;--cf-surface:#ffffff;--cf-brand:#635bff;--cf-brand-dark:#4f46d8;--cf-accent:#ec4899;--cf-success:#14804a;--cf-danger:#b42318;--cf-radius:16px;--cf-shadow:0 18px 50px rgba(31,41,55,0.08);--cf-width:1180px}*{box-sizing:border-box}body,html{background:#f8f9fc}body{margin:0;color:var(--cf-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #4338ca;outline-offset:2px}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.62}.dashboard-layout{min-height:100vh}.dashboard-header{border-bottom:1px solid var(--cf-border);background:rgba(255,255,255,.9)}.dashboard-container,.dashboard-main>*,.dashboard-nav{width:min(100% - 40px,var(--cf-width));margin-inline:auto}.dashboard-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-logo,.nav-brand{font-weight:800;letter-spacing:-.03em}.brand-logo{color:var(--cf-brand);font-size:1.15rem}.nav-user-controls{display:flex;align-items:center;gap:16px}.nav-user-email{color:var(--cf-muted);font-size:.9rem}.modal-close-btn,.nav-signout-btn,.onboarding-back-btn,.onboarding-skip-btn,.retry-btn{border:1px solid var(--cf-border);border-radius:10px;background:var(--cf-surface);color:var(--cf-ink);padding:9px 14px}.dashboard-main{padding:42px 0 72px}.dashboard-hero,.project-create-section,.project-list-section,[aria-label=clipping-workspace]{border:1px solid var(--cf-border);border-radius:var(--cf-radius);background:var(--cf-surface);box-shadow:var(--cf-shadow)}.dashboard-hero{margin-bottom:24px;padding:34px;background:linear-gradient(135deg,#fff,#f5f3ff)}.dashboard-hero-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.dashboard-title{margin:0;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.055em;line-height:1.02}.dashboard-description{max-width:560px;margin:14px 0 0;color:var(--cf-muted);font-size:1.05rem}.dashboard-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.project-create-section,.project-list-section{margin-bottom:24px;padding:28px}.projects-heading,.section-title{margin:0 0 20px;font-size:1.35rem;letter-spacing:-.025em}.auth-form,.project-form,.render-form,.simple-mode-form{display:grid;gap:16px}.form-field,.form-group{display:grid;gap:7px}.form-label{color:#344054;font-size:.88rem;font-weight:700}.auth-form input,.form-input,.simple-topic-input,.strategy-select,.voice-select-input,[aria-label=manual-clip-form] input,[aria-label=manual-clip-form] select{width:100%;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:var(--cf-ink);padding:12px 13px}.auth-form input:focus,.form-input:focus,.simple-topic-input:focus,.strategy-select:focus,.voice-select-input:focus,[aria-label=manual-clip-form] input:focus{border-color:var(--cf-brand);box-shadow:0 0 0 4px rgba(99,91,255,.1);outline:none}.auth-form input:focus-visible,.form-input:focus-visible,.simple-topic-input:focus-visible,.strategy-select:focus-visible,.voice-select-input:focus-visible,[aria-label=manual-clip-form] input:focus-visible{outline:3px solid #4338ca;outline-offset:2px}.auth-submit-btn,.confirm-render-btn,.cta-primary-btn,.download-video-btn,.form-submit-btn,.generate-video-btn,.header-dashboard-btn,.header-signin-btn,.header-signup-btn,.onboarding-finish-btn,.onboarding-next-btn,.simple-cta-btn{border:0;border-radius:10px;background:var(--cf-brand);color:white;padding:12px 18px;font-weight:750;transition:background .18s ease,transform .18s ease}.auth-submit-btn:hover,.confirm-render-btn:hover,.cta-primary-btn:hover,.download-video-btn:hover,.form-submit-btn:hover,.generate-video-btn:hover,.header-dashboard-btn:hover,.header-signup-btn:hover,.onboarding-finish-btn:hover,.onboarding-next-btn:hover,.simple-cta-btn:hover{background:var(--cf-brand-dark);transform:translateY(-1px)}.project-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;list-style:none;margin:0;padding:0}.project-card{min-width:0;border:1px solid var(--cf-border);border-radius:13px;background:#fff;transition:border-color .18s ease,transform .18s ease}.project-card:hover{border-color:#b5b0ff;transform:translateY(-2px)}.project-card-link{display:block;padding:18px;text-decoration:none}.project-card-title{margin:0 0 6px;font-size:1rem}.project-card-date{color:var(--cf-muted);font-size:.8rem}.auth-error-banner,.error-text,.form-error,.form-error-banner,.projects-empty,.projects-error,.projects-loading,[data-testid=clipping-disabled],[role=alert]{border-radius:10px;padding:12px 14px}.projects-empty,.projects-loading{background:var(--cf-subtle);color:var(--cf-muted)}.auth-error-banner,.form-error,.form-error-banner,.projects-error,[role=alert]{border:1px solid #fecdca;background:#fff4f2;color:var(--cf-danger)}.auth-container{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#e7e5ff 0,transparent 34%),#f8f9fc}.auth-card{width:min(100%,430px);border:1px solid var(--cf-border);border-radius:20px;background:#fff;padding:38px;box-shadow:var(--cf-shadow)}.auth-title{margin:0;font-size:2rem;letter-spacing:-.045em;line-height:1.1}.auth-subtitle{margin:10px 0 28px;color:var(--cf-muted)}.auth-footer{margin-top:24px;color:var(--cf-muted);text-align:center;font-size:.9rem}.auth-link{color:var(--cf-brand-dark);font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.onboarding-modal-overlay,.render-modal-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(16,24,40,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.onboarding-modal-card,.render-modal-content{width:min(100%,680px);max-height:min(760px,calc(100vh - 40px));overflow:auto;border-radius:20px;background:#fff;box-shadow:0 24px 80px rgba(16,24,40,.24)}.onboarding-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--cf-border);padding:22px 26px}.onboarding-progress-pills{display:flex;gap:8px}.progress-pill{display:grid;gap:2px;border:1px solid var(--cf-border);border-radius:10px;background:#fff;color:var(--cf-muted);padding:8px 11px;text-align:left}.progress-pill.active,.progress-pill.completed{border-color:#c8c5ff;background:#f1f0ff;color:var(--cf-brand-dark)}.pill-number{font-size:.72rem;font-weight:800}.pill-title{font-size:.78rem;font-weight:650}.onboarding-body{padding:30px 32px}.credit-quote-badge,.step-badge,.template-niche-badge{display:inline-flex;border-radius:999px;background:#f1f0ff;color:var(--cf-brand-dark);padding:5px 10px;font-size:.76rem;font-weight:750}.step-title{margin:14px 0 9px;font-size:1.9rem;line-height:1.1;letter-spacing:-.04em}.step-description,.tip-text{color:var(--cf-muted)}.step-highlights-card,.step-tip-box{border-radius:13px;padding:16px 18px}.step-highlights-card{background:var(--cf-subtle)}.highlights-heading{margin:0 0 10px;font-size:.9rem}.step-highlights-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.highlight-item{display:flex;gap:9px;align-items:flex-start}.highlight-check{color:var(--cf-success);font-weight:900}.step-tip-box{display:flex;gap:10px;margin-top:14px;background:#fff8e7;color:#7a4d00}.step-tip-box p{margin:0}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--cf-border);padding:18px 26px}.footer-right{display:flex;gap:10px}[aria-label=clipping-workspace]{width:min(100% - 40px,var(--cf-width));margin:28px auto;padding:28px}[aria-label=clipping-workspace]>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}[aria-label=clipping-workspace] h3{margin:0;font-size:1.55rem;letter-spacing:-.035em}[aria-label=clipping-workspace] h4{margin:22px 0 9px;font-size:1rem}[aria-label=clipping-workspace] p{color:var(--cf-muted)}[aria-label="Result selection"] select{display:block;width:100%;min-width:0;margin:8px 0 16px;padding:10px}.existing-revisions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.existing-revisions p{flex-basis:100%;margin:0}.existing-revisions button,[aria-label=clipping-result]>button{padding:10px 14px;border:1px solid #c8c5ff;border-radius:10px}.existing-revisions button[aria-pressed=true]{background:var(--cf-brand);color:white}.selected-result-kind{padding:10px 14px;background:#f1f0ff;border-left:4px solid var(--cf-brand)}.result-reference{overflow-wrap:anywhere}[aria-label=clipping-workspace] :is(button,select,input):focus-visible{outline:3px solid var(--cf-brand);outline-offset:3px}[aria-label=clipping-workspace] :is(section,nav,label,button){min-width:0;overflow-wrap:anywhere}@media (max-width:480px){[aria-label=clipping-workspace]>header{flex-wrap:wrap}.existing-revisions button{flex:1 1 100%}}[aria-label=clipping-workspace] section[aria-label]{border-top:1px solid var(--cf-border);padding-top:4px}[aria-label$=-player]>button,[aria-label=clipping-source-upload] button,[aria-label=clipping-workspace]>header>button{border:1px solid #c8c5ff;border-radius:10px;background:#f1f0ff;color:var(--cf-brand-dark);padding:10px 14px;font-weight:750}[aria-label$=-player]>button:hover,[aria-label=clipping-source-upload] button:hover,[aria-label=clipping-workspace]>header>button:hover{background:#e5e3ff}[aria-label=clipping-source-upload]{display:grid;gap:12px;max-width:620px}[aria-label=clipping-source-upload][hidden]{display:none}[aria-label=source-file]{width:100%;border:1px dashed #b5b0ff;border-radius:12px;background:#fafaff;color:var(--cf-muted);padding:18px}[aria-label=source-file]::file-selector-button{margin-right:12px;border:0;border-radius:8px;background:var(--cf-brand);color:#fff;padding:9px 12px;font-weight:750;cursor:pointer}[aria-label=source-file]::file-selector-button:hover{background:var(--cf-brand-dark)}[aria-label=clipping-source-upload] [role=progressbar],[aria-label=clipping-workspace] [role=progressbar]{min-height:12px;overflow:hidden;border:1px solid #d9d6ff;border-radius:999px;background:repeating-linear-gradient(135deg,#e9e7ff 0 10px,#f6f7fb 10px 20px);color:var(--cf-brand-dark);padding:12px 14px;font-size:.83rem;font-weight:750}[aria-label=clipping-source-upload] [role=progressbar]{display:flex;align-items:center}[aria-label$=-player]>video[role=video-preview]{display:block;width:min(100%,520px);max-height:min(70vh,720px);margin:0 auto;border-radius:14px;background:#0b1020;object-fit:contain}[aria-label=clipping-source-player]>video[role=video-preview]{aspect-ratio:16/9}[aria-label=clipping-clip-player]>video[role=video-preview]{aspect-ratio:9/16}[aria-label$=-player]>p[role=alert]{margin:12px 0}[aria-label$=-player]>p:not([role=alert]){padding:28px;text-align:center}[aria-label=manual-clip-form]{display:grid;gap:12px;max-width:620px;border-top:1px solid var(--cf-border);margin-top:24px;padding-top:16px}[aria-label=manual-clip-form] h4{margin:0}[aria-label=manual-clip-form] button{width:fit-content;border:0;border-radius:10px;background:var(--cf-brand);color:#fff;padding:11px 16px;font-weight:750}[aria-label=clipping-clip-player],[aria-label=clipping-source-player]{max-width:520px}.video-player-card{overflow:hidden;border:1px solid var(--cf-border);border-radius:14px;background:#111827}.video-container-9-16{aspect-ratio:9/16;max-height:620px;margin:auto;background:#0b1020}.vertical-video-element{display:block;width:100%;height:100%;object-fit:contain}.video-actions-footer,.video-player-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px}.video-title{margin:0;color:#fff;font-size:.9rem}.video-duration-badge{color:#d0d5dd;font-size:.8rem}.video-actions-footer{background:#182230}.render-progress,[data-testid=clipping-progress]{border:1px solid var(--cf-border);border-radius:12px;background:var(--cf-subtle);padding:15px}@media (max-width:700px){.dashboard-container,.dashboard-main>*,.dashboard-nav,[aria-label=clipping-workspace]{width:min(100% - 24px,var(--cf-width))}.dashboard-main{padding-top:24px}.dashboard-hero,.project-create-section,.project-list-section,[aria-label=clipping-workspace]{padding:20px}.dashboard-hero-header,.onboarding-footer,.onboarding-header{align-items:stretch;flex-direction:column}.dashboard-hero-actions,.footer-right{width:100%}.dashboard-hero-actions>*,.footer-right>*{flex:1 1}.nav-user-email{display:none}.auth-card{padding:28px 22px}.onboarding-body{padding:24px 20px}.onboarding-progress-pills{overflow-x:auto}.progress-pill{min-width:94px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}