:root{color:#f6f3ff;font-synthesis:none;text-rendering:optimizelegibility;--background:#09090d;--surface:#121117;--surface-raised:#19171f;--surface-soft:#0f0e13;--surface-hover:#201d28;--border:#ffffff16;--border-strong:#ffffff24;--text:#f5f3f8;--muted:#9b97a6;--muted-subtle:#6f6a78;--accent:#7c5ce7;--accent-bright:#a892fa;--accent-soft:#7c5ce71f;--danger:#fb7185;--success:#62dda6;--warning:#f7c35f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 10px 30px #0000002e;--shadow-lg:0 28px 80px #00000057;--transition-fast:.15s ease;--sidebar-width:252px;background:#0b0a10;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;scroll-padding-top:88px}body{width:100%;min-width:0;min-height:100vh;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,video{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}body:before{content:"";z-index:-1;background:radial-gradient(circle at 76% -10%,#7c3aed29,#0000 35rem),linear-gradient(#ffffff05 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.app-shell{min-height:100vh;overflow:clip}.topbar{min-height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(24px, calc((100vw - 1680px) / 2)) 0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0a10c7;justify-content:space-between;align-items:center;display:flex}.brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:700;text-decoration:none;display:flex}.brand b{color:var(--accent-bright)}.brand-mark{background:linear-gradient(145deg, var(--accent-bright), #6d28d9);border-radius:9px;place-items:center;width:32px;height:32px;font-size:15px;display:grid;box-shadow:0 8px 30px #8b5cf640}.internal-label,.role-badge,.clip-count{border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}main{width:min(1680px,100% - clamp(32px,5vw,80px));margin:0 auto}.hero{max-width:810px;padding:clamp(54px,6vw,92px) 0 clamp(38px,4vw,58px)}.hero h1{letter-spacing:-.055em;text-wrap:balance;margin:8px 0 16px;font:800 clamp(34px,4.8vw,72px)/1.04 Manrope,sans-serif}.hero>p:last-child{max-width:650px;color:var(--muted);margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.65}.eyebrow{color:var(--accent-bright);letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:700}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);align-items:stretch;gap:clamp(16px,1.5vw,24px);display:grid}.card,.clip-card{border:1px solid var(--border);background:linear-gradient(145deg,#1b1824f0,#110f17f5);border-radius:18px;box-shadow:0 18px 60px #00000029}.card{padding:26px}.section-heading,.clips-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-heading h2,.clips-heading h2{letter-spacing:-.025em;margin:0;font:700 22px/1.25 Manrope,sans-serif}.step-number{color:#5d5868;font:700 13px Manrope,sans-serif}form{margin-top:26px}label{color:#cac5d4;margin-bottom:9px;font-size:13px;font-weight:600;display:block}.input-row{gap:10px;display:flex}input{border:1px solid var(--border);color:#fff;background:#0f0d14;border-radius:10px;outline:none;flex:1;min-width:0;min-height:46px;padding:12px 15px;transition:border-color .16s,box-shadow .16s}input::placeholder{color:#625d6d}input:focus{border-color:#a78bfab8;box-shadow:0 0 0 3px #8b5cf61f}input:disabled{opacity:.65}.primary-button,.download-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;font-weight:700;text-decoration:none;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}.primary-button{min-width:160px;min-height:44px;padding:0 18px}.create-submit-button{width:100%;min-height:48px;margin-top:15px}.primary-button:hover:not(:disabled),.download-button:hover{background:#7c3aed;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.48}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.subtitle-preset-fieldset{border:0;border-top:1px solid var(--border);min-width:0;margin:22px 0 0;padding:20px 0 0}.subtitle-preset-fieldset legend{color:#e8e3f0;padding:20px 0 0;font-size:13px;font-weight:700}.subtitle-preset-fieldset>p{color:var(--muted);margin:5px 0 13px;font-size:11px}.subtitle-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.subtitle-preset-card{border:1px solid var(--border);cursor:pointer;background:#08070b7a;border-radius:11px;grid-template-columns:minmax(0,1fr) 20px;gap:9px;min-width:0;min-height:146px;margin:0;padding:10px;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative;overflow:hidden}.subtitle-preset-card:hover{border-color:#a78bfa5c;transform:translateY(-1px)}.subtitle-preset-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.subtitle-preset-card:focus-within{outline-offset:2px;outline:2px solid #a78bfab8}.subtitle-preset-card:has(input:disabled){cursor:not-allowed;opacity:.58}.subtitle-preset-selected{background:#7c3aed21;border-color:#a78bfab8}.subtitle-preview{color:#fff;text-align:center;background:radial-gradient(circle at 50% 25%,#3a3443,#121016 68%);border:1px solid #ffffff12;border-radius:8px;grid-column:1/-1;place-items:center;min-height:72px;padding:10px 7px;display:grid;overflow:hidden}.subtitle-preview>span{letter-spacing:-.025em;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 2px #000;font:900 14px/1.12 Manrope,DM Sans,sans-serif}.subtitle-preview .preview-active{color:#ffe600}.subtitle-preset-impact .subtitle-preview>span{letter-spacing:-.045em;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 3px #000;font-size:18px}.subtitle-preset-hormozi .subtitle-preview>span{font-size:16px}.subtitle-preset-mrbeast .subtitle-preview>span{text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 3px #000;font-size:16px;transform:rotate(-1deg)}.subtitle-preset-mrbeast .subtitle-preview .preview-active{color:#ff9d2e}.subtitle-preset-minimal .subtitle-preview>span{letter-spacing:0;text-shadow:0 1px 2px #000;font:500 11px/1.2 DM Sans,sans-serif}.subtitle-preset-karaoke .subtitle-preview>span{text-transform:none;font-size:13px}.subtitle-preset-karaoke .subtitle-preview .preview-active{color:#31f5ef}.subtitle-preset-karaoke .subtitle-preview .preview-future{color:#77727e}.subtitle-preset-copy{gap:3px;min-width:0;display:grid}.subtitle-preset-copy strong{color:#eee9f6;font-size:12px}.subtitle-preset-copy small{color:#8d8796;font-size:10px;line-height:1.35}.subtitle-preset-check{border:1px solid var(--border);color:#0000;border-radius:50%;align-self:start;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.subtitle-preset-selected .subtitle-preset-check{border-color:var(--accent);background:var(--accent);color:#fff}.auto-reframe-fieldset{border:0;border-top:1px solid var(--border);min-width:0;margin:22px 0 0;padding:20px 0 0}.auto-reframe-fieldset legend{color:#e8e3f0;padding:20px 0 0;font-size:13px;font-weight:700}.auto-reframe-fieldset>p{color:var(--muted);margin:5px 0 13px;font-size:11px}.auto-reframe-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.auto-reframe-option{border:1px solid var(--border);cursor:pointer;background:#08070b7a;border-radius:11px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;min-width:0;margin:0;padding:12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.auto-reframe-option:hover{border-color:#a78bfa5c;transform:translateY(-1px)}.auto-reframe-option.selected{background:#7c3aed21;border-color:#a78bfab8}.auto-reframe-option input{min-height:18px;accent-color:var(--accent-bright);margin:1px 0 0;padding:0}.auto-reframe-option span{gap:3px;min-width:0;display:grid}.auto-reframe-option strong{color:#eee9f6;font-size:12px}.auto-reframe-option small{color:#8d8796;font-size:10px;line-height:1.4}.message{border-radius:9px;margin-top:14px;padding:11px 13px;font-size:13px;line-height:1.45}.error-message{color:#fecdd3;background:#9f123921;border:1px solid #fb718538;justify-content:space-between;align-items:center;gap:16px;display:flex}.success-message{color:#b9f6d9;overflow-wrap:anywhere;background:#10764c1f;border:1px solid #5ee1a229}.warning-message{color:#fde68a;background:#92400e1f;border:1px solid #f59e0b33}.success-message code{color:inherit}.text-button{min-height:44px;color:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:8px 2px;font-weight:700}.standalone{margin:18px 0 0}.account-card{flex-direction:column;display:flex}.role-badge{color:#d8ccff;background:#7c3aed1a;border-color:#a78bfa38}.account-details{gap:0;margin:auto 0 0;padding-top:18px;display:grid}.account-details div{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.account-details dt{color:var(--muted);font-size:13px}.account-details dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.skeleton{background:linear-gradient(90deg,#1e1b27,#292433,#1e1b27) 0 0/200% 100%;border-radius:10px;animation:1.3s infinite shimmer}.account-skeleton{height:125px;margin-top:20px}.account-logout-button,.account-plans-button{width:100%;margin-top:18px}.storage-card{margin-top:18px}.storage-skeleton{height:92px;margin-top:18px}.storage-usage{gap:13px;margin-top:20px;display:grid}.storage-summary{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.storage-summary strong{color:#eee9f6;font:750 20px/1.3 Manrope,sans-serif}.storage-summary span,.storage-usage>p{color:var(--muted);font-size:11px}.storage-usage>p{margin:0;line-height:1.5}.storage-progress{background:#ffffff12;border-radius:999px;height:9px;overflow:hidden}.storage-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-bright));height:100%;display:block}.storage-productions-link{align-items:center;width:fit-content;padding-inline:15px;text-decoration:none;display:inline-flex}.plan-view{background:#08070b5c;border:1px solid #a78bfa33;border-radius:12px;gap:12px;margin-top:15px;padding:16px;display:grid}.plan-view-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-view-heading h3{margin:0;font:700 17px/1.3 Manrope,sans-serif}.plan-view-heading>span{color:var(--accent-bright);font-size:12px;font-weight:700}.plan-option{border:1px solid var(--border);background:#14121bb3;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.plan-option>div{gap:4px;display:grid}.plan-option strong{color:#eee9f6;font-size:13px}.plan-option span{color:var(--muted);font-size:11px}.current-plan-badge{background:#7c3aed29;border-radius:999px;flex:none;padding:4px 7px;font-weight:700;color:#d8ccff!important}.purchase-placeholder{color:var(--muted);margin:2px 0;font-size:11px;line-height:1.5}.plan-view>.primary-button{width:100%}.plan-skeleton{height:72px}.credit-packages{border:1px solid var(--border);border-radius:11px;gap:9px;min-width:0;margin:4px 0 0;padding:14px;display:grid}.credit-packages legend{color:#d8d1e1;padding:0 6px;font-size:12px;font-weight:700}.credit-package{border:1px solid var(--border);cursor:pointer;background:#14121bb3;border-radius:10px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px;transition:border-color .16s,background .16s;display:grid}.credit-package:hover,.credit-package.selected{background:#7c3aed1f;border-color:#a78bfaa8}.credit-package input{min-height:18px;accent-color:var(--accent-bright);margin:0;padding:0}.credit-package>span{gap:3px;min-width:0;display:grid}.credit-package strong,.credit-package b{color:#eee9f6;font-size:12px}.credit-package small{color:var(--muted);font-size:10px}.credit-package b{white-space:nowrap}.secure-checkout-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.purchase-security-note{color:#777181;text-align:center;margin:-4px 0 2px;font-size:10px;line-height:1.5}.billing-notice{justify-content:space-between;align-items:center;gap:12px;display:flex}.purchase-history{border-top:1px solid var(--border);color:var(--muted);gap:9px;margin-top:4px;padding-top:14px;font-size:11px;display:grid}.purchase-history-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.purchase-history-heading strong{color:#ddd6e6;font-size:12px}.purchase-history-heading .text-button{min-height:32px;color:var(--accent-bright)}.purchase-history-item{border:1px solid var(--border);background:#14121b8c;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.purchase-history-item>div{gap:4px;display:grid}.purchase-history-item>div:last-child{flex:none;justify-items:end}.purchase-history-item strong,.purchase-history-item b{color:#eee9f6;font-size:11px}.purchase-status{background:#ffffff0f;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:800}.purchase-status.status-paid{color:var(--success);background:#10764c21}.purchase-status.status-pending{color:#fbbf24;background:#d9770621}.purchase-status.status-failed,.purchase-status.status-cancelled,.purchase-status.status-expired{color:var(--danger);background:#9f123921}.purchase-status.status-refunded{color:#d8ccff;background:#7c3aed21}.job-credit-summary{border:1px solid var(--border);color:var(--muted);background:#08070b52;border-radius:10px;grid-template-columns:1fr auto;gap:5px 14px;margin-top:20px;padding:13px 14px;font-size:12px;display:grid}.job-credit-summary strong{color:#ddd6e6;text-align:right}.job-credit-summary.insufficient{color:#fda4af;background:#9f12391a;border-color:#fb71854d}.job-credit-summary.insufficient strong{color:#fecdd3}.job-credit-summary .text-button{color:#fda4af;grid-column:1/-1;justify-self:start;min-height:32px}@keyframes shimmer{to{background-position:-200% 0}}.auth-shell{place-items:center;width:100%;min-height:100dvh;padding:32px 18px;display:grid}.auth-card{border:1px solid var(--border);background:linear-gradient(145deg,#1b1824f7,#0e0c13fa);border-radius:22px;width:min(100%,460px);padding:clamp(26px,5vw,42px);box-shadow:0 30px 100px #0000005c}.auth-brand{background:linear-gradient(145deg, var(--accent-bright), #6d28d9);color:#fff;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:22px;font:800 16px Manrope,sans-serif;display:grid;box-shadow:0 12px 38px #8b5cf647}.auth-card h1{letter-spacing:-.045em;margin:7px 0 10px;font:800 clamp(28px,6vw,38px)/1.12 Manrope,sans-serif}.auth-intro{color:var(--muted);margin:0;line-height:1.55}.auth-tabs{border:1px solid var(--border);background:#08070b73;border-radius:11px;grid-template-columns:1fr 1fr;gap:5px;margin-top:28px;padding:4px;display:grid}.auth-tabs button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-weight:700}.auth-tabs button.active{color:#f2edff;background:#7c3aed33;box-shadow:inset 0 0 0 1px #a78bfa2e}.auth-form{gap:16px;margin-top:23px;display:grid}.auth-form label{gap:8px;margin:0;display:grid}.auth-form input{width:100%}.auth-form .message{margin:0}.auth-submit{width:100%;min-height:48px;margin-top:2px}.auth-link,.auth-back-link{width:fit-content;color:var(--accent-bright);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.auth-link{justify-self:end;margin-top:-7px}.auth-back-link{color:var(--muted);justify-self:center}.auth-link:hover,.auth-back-link:hover{color:#f1ecff}.auth-link:focus-visible,.auth-back-link:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.auth-success{text-align:center;background:#62dda60e;border:1px solid #62dda62e;border-radius:14px;justify-items:center;gap:12px;margin-top:28px;padding:24px;display:grid}.auth-success-icon{width:42px;height:42px;color:var(--success);background:#62dda61f;border-radius:50%;place-items:center;display:grid}.auth-success strong{color:#edf9f4;font-size:14px}.auth-success p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.auth-success .auth-submit{margin-top:6px}.development-login{border-top:1px solid var(--border);gap:10px;margin-top:24px;padding-top:22px;display:grid}.development-login span{color:#6f6979;letter-spacing:.1em;text-align:center;text-transform:uppercase;font-size:10px;font-weight:700}.development-login .secondary-button{width:100%}.auth-loading{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:inline-flex}.status-card{margin-top:18px}.status-heading{align-items:center}.status-dot{background:var(--muted);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #9b96aa14}.status-processing,.status-queued,.status-pending,.status-cancelling{background:var(--accent-bright);box-shadow:0 0 0 6px #a78bfa17}.status-completed{background:var(--success);box-shadow:0 0 0 6px #5ee1a217}.status-failed{background:var(--danger);box-shadow:0 0 0 6px #fb718517}.status-cancelled{background:#888292}.progress-meta{color:var(--muted);justify-content:space-between;gap:20px;margin:25px 0 10px;font-size:13px;display:flex}.progress-meta strong{color:#e9e4f2}.progress-track{background:#282430;border-radius:99px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#6d28d9,#a78bfa);height:100%;transition:width .4s;display:block}.job-id{color:#747080;overflow-wrap:anywhere;gap:12px;margin:18px 0 0;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.job-id span{color:var(--muted);white-space:nowrap;font-family:DM Sans,sans-serif}.history-section,.clips-section{padding-top:70px}.connections-section{padding-top:54px}.connection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px;display:grid}.connection-card{border:1px solid var(--border);background:#14121bb8;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:142px;padding:18px;display:grid}.connection-card-disabled{background:#14121b6b;border-style:dashed}.connection-skeleton{min-height:142px}.connection-identity{flex:1;gap:6px;min-width:0;display:grid}.connection-avatar{border:1px solid var(--border);object-fit:cover;border-radius:50%;flex:none;width:46px;height:46px}.connection-platform{color:var(--accent-bright);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.connection-card strong{overflow-wrap:anywhere;color:#eee9f6;font-size:14px}.connection-card small{color:var(--muted);font-size:11px}.connection-provider-message{max-width:48ch;line-height:1.45}.connection-channel-id{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.connection-status{background:#ffffff0d;border-radius:999px;width:fit-content;padding:3px 6px}.connection-active{color:var(--success)!important}.connection-expired,.connection-error,.connection-unavailable{color:#f6c96a!important}.connection-disconnect-confirm{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;display:grid}.connection-disconnect-confirm span{color:#fecdd3;font-size:11px;line-height:1.4}.oauth-return-message{justify-content:space-between;align-items:center;gap:16px;display:flex}.connection-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.connection-actions>*{flex:120px;min-height:44px}.clips-heading{align-items:center;margin-bottom:22px}.clips-heading h2{font-size:30px}.clip-count{color:#d4c9ed}.selected-source{max-width:620px;color:var(--muted);overflow-wrap:anywhere;margin:7px 0 0;font-size:13px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.2vw,18px);display:grid}.history-skeleton{height:205px}.history-card{border:1px solid var(--border);background:#14121bc2;border-radius:15px;padding:20px;transition:border-color .16s,background .16s,transform .16s}.history-card:hover{border-color:#a78bfa33;transform:translateY(-1px)}.history-card-selected{background:#241d35cc;border-color:#a78bfa7a}.history-card-top,.history-card-footer,.history-progress-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.history-card-top time{color:#777181;font-size:11px}.history-card h3{color:#eee9f6;overflow-wrap:anywhere;margin:17px 0;font:600 14px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.history-card h3 a{color:inherit;text-underline-offset:3px;text-decoration-color:#a78bfa52}.history-card-meta{flex-wrap:wrap;gap:6px;margin:-8px 0 16px;display:flex}.meta-pill{border:1px solid var(--border);max-width:100%;color:var(--muted);overflow-wrap:anywhere;border-radius:999px;padding:4px 7px;font-size:10px;line-height:1.25}.subtitle-style-pill{color:#d8ccff;background:#7c3aed17;border-color:#a78bfa3b}.status-badge{border:1px solid var(--border);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.status-badge-queued,.status-badge-pending,.status-badge-processing,.status-badge-cancelling{color:#d8ccff;background:#7c3aed1a;border-color:#a78bfa40}.status-badge-completed{color:#b9f6d9;background:#10764c1a;border-color:#5ee1a233}.status-badge-failed{color:#fecdd3;background:#9f12391f;border-color:#fb718538}.status-badge-cancelled{color:#c1bbc9;background:#8882921a}.history-progress-row{margin-bottom:18px}.history-progress-row>strong{color:#c8c1d3;text-align:right;min-width:35px;font-size:11px}.history-progress{background:#2b2732;border-radius:99px;flex:1;height:4px;overflow:hidden}.history-progress span{border-radius:inherit;background:linear-gradient(90deg,#6d28d9,#a78bfa);height:100%;display:block}.history-error{color:#fda4af;justify-items:start;margin:-5px 0 17px;font-size:12px;line-height:1.5;display:grid}.history-error p{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.history-error-expanded p{white-space:pre-wrap;max-height:15rem;display:block;overflow:auto}.history-error-toggle{color:#fecdd3;min-height:44px;padding:7px 0 0;font-size:11px}.status-error-message .history-error{width:100%;margin:0}.history-card-footer{border-top:1px solid var(--border);padding-top:14px}.history-card-footer>span{color:var(--muted);font-size:12px}.secondary-button{color:#ddd2ff;cursor:pointer;background:#7c3aed1a;border:1px solid #a78bfa47;border-radius:8px;min-height:44px;padding:9px 12px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s}.secondary-button:hover{background:#7c3aed33;border-color:#a78bfa85}.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.48}.history-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.history-actions .primary-button{min-width:0;padding:0 13px;font-size:12px}.history-download{justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.result-overflow{position:relative}.result-overflow>summary{border:1px solid var(--border);color:#d8ccff;cursor:pointer;letter-spacing:.08em;background:#ffffff09;border-radius:8px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.result-overflow>summary::-webkit-details-marker{display:none}.result-overflow[open]>summary{background:#7c3aed21;border-color:#a78bfa6b}.result-overflow-menu{z-index:8;background:#1a1721;border:1px solid #ffffff1c;border-radius:10px;min-width:164px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 7px);right:0;box-shadow:0 18px 45px #0000006b}.result-overflow-menu a,.result-overflow-menu button{color:#d8d2e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:40px;padding:9px 10px;font:600 12px DM Sans,sans-serif;text-decoration:none}.result-overflow-menu a:hover,.result-overflow-menu button:hover{background:#7c3aed24}.result-overflow-menu .overflow-danger{color:#fda4af}.danger-button{color:#fda4af;cursor:pointer;background:#9f12391a;border:1px solid #fb71854d;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 12px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,opacity .16s;display:inline-flex}.danger-button:hover:not(:disabled){background:#9f123938;border-color:#fb718594}.danger-button-solid{color:#fff;background:#be123c;border-color:#be123c;padding:10px 14px}.danger-button-solid:hover:not(:disabled){background:#9f1239;border-color:#9f1239}.history-empty{min-height:220px}.compact-empty{min-height:190px}.empty-state{text-align:center;background:#14121b85;border:1px dashed #ffffff1f;border-radius:18px;place-items:center;min-height:clamp(190px,20vw,260px);padding:clamp(24px,4vw,35px);display:grid}.empty-state span{border:1px solid var(--border);width:46px;height:46px;color:var(--accent-bright);background:var(--surface-raised);border-radius:50%;place-items:center;padding-left:3px;display:grid}.empty-state h3{margin:13px 0 0;font:700 17px Manrope,sans-serif}.empty-state p{color:var(--muted);margin:7px 0 0;font-size:14px}.result-drawer-backdrop{z-index:25;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050408b3;justify-content:flex-end;display:flex;position:fixed;inset:0}.result-drawer{background:#121016;border-left:1px solid #ffffff1f;flex-direction:column;width:min(820px,92vw);min-width:0;height:100dvh;display:flex;overflow:hidden;box-shadow:-30px 0 90px #00000080}.result-drawer-header{padding:max(24px, env(safe-area-inset-top)) 26px 20px;border-bottom:1px solid var(--border);background:#17141ff5;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.result-drawer-header h2{overflow-wrap:anywhere;max-width:560px;margin:3px 0 0;font:700 23px/1.3 Manrope,sans-serif}.result-header-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin-top:11px;font-size:12px;display:flex}.result-header-actions{align-items:center;gap:10px;display:flex}.result-header-actions .secondary-button{white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.result-close-button{color:#ddd2ff;width:44px;padding:0;font-size:30px;font-weight:300;line-height:1}.result-drawer-body{overscroll-behavior:contain;padding:24px 26px calc(30px + env(safe-area-inset-bottom));gap:24px;display:grid;overflow-y:auto}.result-loading,.result-empty{border:1px dashed var(--border);min-height:230px;color:var(--muted);text-align:center;border-radius:15px;align-content:center;place-items:center;gap:12px;padding:30px;display:grid}.result-empty>span{color:#fda4af;border:1px solid #fb718540;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.result-empty h3,.result-empty p{margin:0}.result-empty p{max-width:440px;font-size:13px;line-height:1.5}.youtube-acquisition-recovery{background:#78480829;border:1px solid #fbbf2457;border-radius:15px;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:20px;display:grid}.youtube-acquisition-recovery-icon{color:#fcd34d;border:1px solid #fbbf2466;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.youtube-acquisition-recovery h3{margin:3px 0 8px;font:700 19px/1.35 Manrope,sans-serif}.youtube-acquisition-recovery p:not(.eyebrow){color:#d9d1c2;max-width:620px;margin:0;font-size:13px;line-height:1.55}.youtube-acquisition-recovery .primary-button{width:fit-content;margin-top:16px}.result-preview{background:#1c1727b8;border:1px solid #a78bfa2e;border-radius:16px;grid-template-columns:minmax(230px,330px) minmax(0,1fr);align-items:center;gap:24px;padding:18px;display:grid}.result-player-shell{aspect-ratio:9/16;background:#050407;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 16px 50px #0000005c}.result-player-shell video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.result-preview-copy{min-width:0}.result-preview-copy h3{overflow-wrap:anywhere;margin:4px 0 0;font:700 22px/1.35 Manrope,sans-serif}.result-timeline{color:#c8c1d3;flex-wrap:wrap;gap:9px;margin:14px 0 0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.result-timeline span{color:var(--muted)}.result-score{color:var(--muted);margin:12px 0 0;font-size:12px}.result-score strong{color:var(--accent-bright);margin-left:6px}.result-primary-download{width:fit-content;margin-top:22px;text-decoration:none}.result-publish-action{gap:7px;width:fit-content;margin-top:10px;display:grid}.result-publish-action small,.publishing-capability-message{color:var(--muted);font-size:11px;line-height:1.45}.result-section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.result-section-heading h3{margin:2px 0 0;font:700 19px Manrope,sans-serif}.result-section-heading>span{color:var(--muted);font-size:12px}.result-list-items{gap:8px;margin-top:12px;display:grid}.result-list-item{border:1px solid var(--border);background:#ffffff06;border-radius:11px;grid-template-columns:minmax(0,1fr) 44px;display:grid;overflow:hidden}.result-list-item.selected{background:#7c3aed1a;border-color:#a78bfa85}.result-list-item>button{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px;display:grid}.result-list-item>a{border-left:1px solid var(--border);color:#d8ccff;place-items:center;font-size:18px;text-decoration:none;display:grid}.result-list-item>a:hover{background:#7c3aed24}.result-thumb-placeholder{aspect-ratio:9/12;width:54px;color:var(--accent-bright);background:radial-gradient(circle at 50% 35%,#302442,#0a090d 75%);border-radius:7px;place-items:center;display:grid}.result-list-copy{gap:3px;min-width:0;display:grid}.result-list-copy small{color:var(--accent-bright);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.result-list-copy strong{color:#eee9f6;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.result-list-copy>span{color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.result-list-item b{color:var(--accent-bright);font:800 13px Manrope,sans-serif}.result-details{border:1px solid var(--border);background:#08070b47;border-radius:13px;overflow:hidden}.result-details>summary{color:#e7e1ee;cursor:pointer;justify-content:space-between;align-items:center;min-height:50px;padding:12px 15px;font-weight:700;list-style:none;display:flex}.result-details>summary::-webkit-details-marker{display:none}.result-details>summary:after{content:"+";color:var(--accent-bright);font-size:20px;font-weight:400}.result-details[open]>summary:after{content:"−"}.result-details-grid{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:4px 15px 15px;display:grid}.result-details-grid div{border-bottom:1px solid #ffffff0d;min-width:0;padding:12px 8px 9px 0}.result-details-grid dt{color:#777181;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.result-details-grid dd{overflow-wrap:anywhere;color:#d7d1df;margin:4px 0 0;font-size:12px}.result-selection-details{color:var(--muted);padding:0 15px 16px;font-size:12px;line-height:1.5}.result-selection-details p{color:#d0cad8}.result-selection-details ul{gap:5px;margin:0;padding-left:18px;display:grid}.clips-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,650px),1fr));gap:clamp(16px,1.5vw,24px);display:grid}.clip-card{grid-template-columns:clamp(210px,18vw,270px) minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.video-shell{aspect-ratio:9/16;background:#050407;align-self:start;width:100%;position:relative;overflow:hidden}.video-shell video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-missing{background:radial-gradient(circle at 50% 35%,#211a2f,#08070a 72%);place-items:center;display:grid}.missing-video-message{text-align:center;place-items:center;gap:7px;padding:24px;display:grid}.missing-video-message span{color:#fda4af;border:1px solid #fb718540;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.missing-video-message strong{color:#d7d1df;font-size:13px}.missing-video-message small{color:#777181;font-size:11px;line-height:1.4}.clip-number{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;background:#08070bb8;border:1px solid #ffffff24;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.clip-content{flex-direction:column;min-width:0;padding:clamp(18px,1.5vw,24px);display:flex}.clip-title-row{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.clip-title-row h3{margin:0;font:700 18px/1.35 Manrope,sans-serif}.score{color:var(--accent-bright);white-space:nowrap;font:800 19px Manrope,sans-serif}.score small{color:#777181;font-size:10px}.performance{color:var(--muted);margin:8px 0 0;font-size:12px}.performance strong{color:#d7d1e1}.summary{color:#c9c4d1;margin:17px 0;font-size:13px;line-height:1.6}.mobile-insights{margin:0}.mobile-insights>summary{display:none}.mobile-insights-body{display:block}.insight-block{margin-top:15px}.insight-block h4{color:#f0ebf8;margin:0 0 8px;font-size:12px}.insight-block ul{color:var(--muted);gap:6px;margin:0;padding:0;font-size:12px;line-height:1.45;list-style:none;display:grid}.insight-block li{padding-left:13px;position:relative}.insight-block li:before{content:"";background:var(--accent-bright);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;left:0}.suggestions li:before{background:#6b6675;border-radius:1px}.legacy-note{color:var(--muted);margin:18px 0;font-size:12px;font-style:italic}.editor-analysis{border-top:1px solid var(--border);gap:7px;margin:20px 0 22px;padding-top:17px;display:grid}.editor-label{color:var(--accent-bright);letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:800}.analysis-panel{background:#08070b47;border:1px solid #ffffff13;border-radius:9px;overflow:hidden}.analysis-panel summary{color:#dcd6e5;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 11px;font-size:11px;font-weight:700;list-style:none;display:flex}.analysis-panel summary::-webkit-details-marker{display:none}.analysis-panel summary:after{content:"+";color:#746d80;margin-left:auto;font-size:15px;font-weight:400}.analysis-panel[open] summary:after{content:"−"}.analysis-panel summary strong{color:var(--accent-bright);order:2;font:800 11px Manrope,sans-serif}.analysis-panel summary:after{order:3}.analysis-panel-body{color:var(--muted);border-top:1px solid #ffffff0e;padding:3px 11px 12px;font-size:11px;line-height:1.5}.analysis-panel-body>p{color:#bdb7c7;margin:9px 0 11px}.analysis-details{gap:8px;margin:0;display:grid}.analysis-details div{gap:2px;display:grid}.analysis-details dt,.metric-grid dt{color:#716b7b;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:700}.analysis-details dd,.metric-grid dd{color:#c9c3d2;margin:0}.editing-timeline{gap:0;margin:10px 0 0;padding:0;list-style:none;display:grid}.editing-timeline li{grid-template-columns:40px 1fr;gap:9px;padding:0 0 12px;display:grid;position:relative}.editing-timeline li:not(:last-child):after{content:"";background:#a78bfa38;width:1px;position:absolute;top:18px;bottom:2px;left:18px}.editing-timeline time{color:var(--accent-bright);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.editing-timeline strong{color:#ddd7e6;font-size:10px}.editing-timeline p{color:var(--muted);margin:2px 0 0}.hybrid-score-list{gap:7px;padding-top:10px;display:grid}.hybrid-score-list>div{grid-template-columns:78px 1fr 23px;align-items:center;gap:7px;display:grid}.hybrid-score-list>div>span:first-child{color:#a9a3b3;font-size:9px}.hybrid-score-list>div>strong{color:#d6cfdf;text-align:right;font-size:9px}.mini-score-track{background:#2c2733;border-radius:99px;height:3px;overflow:hidden}.mini-score-track i{border-radius:inherit;background:linear-gradient(90deg,#6d28d9,#a78bfa);height:100%;display:block}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 0;display:grid}.metric-grid div{gap:3px;display:grid}.editor-legacy-note{border:1px dashed var(--border);border-radius:8px;margin:5px 0 0;padding:10px}.publishing-panel{background:#2b213e38;border-color:#a78bfa2e;margin:0 0 22px}.publishing-panel>summary{color:#eee9f7;padding:12px;font-size:12px}.publishing-body{padding:12px}.publishing-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.publishing-toolbar p{color:#a9a3b3;margin:0;font-size:11px}.publishing-section{border-top:1px solid var(--border);margin-top:15px;padding-top:13px}.publishing-section h4{color:#eee9f7;margin:0 0 10px;font-size:12px}.title-variants{counter-reset:title-variant;gap:7px;margin:0;padding:0;list-style:none;display:grid}.title-variants li{background:#ffffff06;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;display:grid}.title-variants li>span{color:#cbc5d4;line-height:1.4}.platform-section{gap:8px;display:grid}.publishing-field{background:#08070b38;border:1px solid #ffffff0e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:9px;display:grid}.publishing-field>span{color:#777181;letter-spacing:.07em;text-transform:uppercase;grid-column:1;font-size:9px;font-weight:700}.publishing-field p{color:#c9c3d2;white-space:pre-wrap;overflow-wrap:anywhere;grid-column:1;margin:0}.publishing-field .copy-button{grid-area:1/2/span 2;align-self:center}.copy-button{color:#d8ccff;white-space:nowrap;cursor:pointer;background:#7c3aed17;border:1px solid #a78bfa3d;border-radius:7px;min-height:44px;padding:8px 10px;font-size:10px;font-weight:700;transition:border-color .16s,background .16s}.copy-button:hover{background:#7c3aed2e;border-color:#a78bfa80}.download-button{width:100%;min-height:44px;margin-top:auto;padding:11px 14px;font-size:13px}.download-button span{font-size:18px;line-height:1}.download-disabled{color:#817b8a;cursor:not-allowed;background:#302b38}.download-disabled:hover{background:#302b38;transform:none}.clip-actions{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:auto;display:flex}.clip-actions .download-button{flex:150px;width:auto;margin-top:0}.clip-actions .publishing-capability-message{flex:100%;min-height:0}.publish-button,.publish-all-button{min-height:44px}.publish-all-button{min-width:0;padding:8px 11px;font-size:11px}.clip-delete-button{white-space:nowrap}.empty-state .large-spinner{border:3px solid #ffffff29;border-top-color:var(--accent-bright);background:0 0;width:30px;height:30px;padding:0}.modal-backdrop{z-index:20;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050408c7;place-items:center;display:grid;position:fixed;inset:0}.confirm-modal{overscroll-behavior:contain;background:#17141f;border:1px solid #ffffff1f;border-radius:16px;width:min(440px,100%);max-height:calc(100dvh - 40px);padding:26px;overflow:auto;box-shadow:0 28px 90px #00000080}.confirm-modal h2{margin:0;font:700 23px/1.3 Manrope,sans-serif}.confirm-modal>p:not(.eyebrow){color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.55}.modal-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.publish-modal{width:min(760px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.publish-modal-header{z-index:3;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17141ff5;justify-content:space-between;align-items:flex-start;gap:20px;margin:-26px -26px 0;padding:26px 26px 16px;display:flex;position:sticky;top:-26px}.modal-close-button{color:#ddd2ff;flex:none}.publish-preview-row{border:1px solid var(--border);background:#08070b47;border-radius:11px;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:15px;padding:13px;display:grid}.publish-preview-row video{aspect-ratio:9/16;object-fit:cover;background:#08070b;border-radius:8px;width:105px;max-height:185px}.publish-preview-row>div{gap:6px;min-width:0;display:grid}.publish-preview-row strong{color:#eee9f6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.publish-preview-row small{color:var(--muted);font-size:11px}.publish-form{gap:14px;margin-top:20px;display:grid}.publish-form fieldset{border:1px solid var(--border);border-radius:11px;gap:11px;margin:0;padding:14px;display:grid}.publish-form legend{color:#e4deec;padding:0 6px;font-size:12px;font-weight:700}.publish-form label{margin:0}.publish-form input:not([type=checkbox]),.publish-form textarea,.publish-form select{border:1px solid var(--border);color:#fff;background:#0f0d14;border-radius:8px;outline:none;width:100%;min-height:44px;margin-top:6px;padding:10px 11px}.publish-form textarea{resize:vertical;min-height:82px;line-height:1.45}.publish-platform-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.publish-platform-options>label{border:1px solid var(--border);cursor:pointer;background:#08070b4d;border-radius:9px;align-items:flex-start;gap:9px;min-width:0;padding:11px;display:flex}.publish-platform-options>label:has(input:checked){background:#793ec626;border-color:#a35bffc7}.publish-platform-options input{accent-color:var(--accent);margin-top:2px}.publish-platform-options span{gap:4px;min-width:0;display:grid}.publish-platform-options strong{font-size:12px}.publish-platform-options small{color:var(--muted);font-size:10px;line-height:1.35}.publish-platform-unavailable{opacity:.62;cursor:not-allowed!important}.publish-consent-options{gap:9px;display:grid}.publish-consent-options label{color:#d8d1e2;align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;display:flex}.publish-consent-options input{accent-color:var(--accent);flex:none;margin-top:2px}.publish-explicit-consent{background:#793ec61f;border:1px solid #a35bff73;border-radius:8px;padding:11px;margin-top:4px!important}.publish-schedule-fields{background:#7c3aed14;border:1px solid #a78bfa4d;border-radius:9px;grid-template-columns:1fr 1fr;gap:11px;padding:12px;display:grid}.publish-schedule-fields>label:nth-child(3),.publish-schedule-summary{grid-column:1/-1}.publish-schedule-summary{color:#d8ccff;margin:0;font-size:12px;line-height:1.5}.publish-mode-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.publish-mode-options button{border:1px solid var(--border);min-height:44px;color:var(--muted);cursor:pointer;background:#0f0d14;border-radius:8px}.publish-mode-options button.selected{color:#f3effa;background:#7c3aed29;border-color:#a78bfab3}.schedule-fields{background:#7c3aed12;border:1px solid #a78bfa38;border-radius:9px;grid-template-columns:1fr 1fr;gap:11px;padding:12px;display:grid}.schedule-fields>p{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px;line-height:1.5}.timezone-display{grid-column:1/-1;gap:3px;display:grid}.timezone-display span{color:var(--muted);font-size:11px}.timezone-display strong{color:#eee9f6;font-size:13px}.timezone-display small{color:#777181;font-size:10px}.platform-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.platform-options label{border:1px solid var(--border);color:#cfc8d8;cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:9px;display:flex}.platform-options input{width:18px;height:18px;min-height:18px;accent-color:var(--accent);flex:none}.platform-options label:has(input:disabled){opacity:.5;cursor:not-allowed}.publish-confirm{min-height:44px}.publication-status-list{gap:10px;margin-top:22px;display:grid}.publication-status-list article{border:1px solid var(--border);background:#08070b40;border-radius:10px;padding:13px}.publication-status-list article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.publication-status-list p{color:#fda4af;margin:8px 0 0;font-size:12px}.publication-status-list a{color:var(--accent-bright);margin-top:8px;font-size:12px;font-weight:700;display:inline-block}.publication-state{color:var(--muted);text-transform:uppercase;background:#ffffff0f;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.publication-published{color:var(--success);background:#10764c1f}.publication-scheduled{color:#fbbf24;background:#d9770621}.publication-failed{color:var(--danger);background:#9f123921}.publication-cancelled{color:#c1bbc9;background:#8882921f}.publication-uploading,.publication-processing{color:var(--accent-bright);background:#7c3aed1f}.publication-status-list article>small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.publication-status-list .scheduled-time{color:#fbbf24}.publishing-activity{padding-top:54px}.publishing-activity-grid{gap:10px;display:grid}.publishing-activity-grid article{border:1px solid var(--border);background:#14121bb8;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;display:flex}.publishing-activity-main,.publishing-activity-status{gap:5px;min-width:0;display:grid}.publishing-activity-main strong{color:#eee9f6;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.publishing-activity-main small{color:var(--muted);font-size:11px}.publishing-activity-status{flex:none;justify-items:end}.publishing-activity-status a{color:var(--accent-bright);font-size:11px;font-weight:700}.publishing-activity-status small{max-width:280px;color:var(--danger);text-align:right;font-size:10px}.schedule-management{text-align:left;width:min(100%,360px);margin-top:4px}.schedule-management-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.schedule-management-actions button{min-height:44px;padding:8px 10px;font-size:10px}.schedule-management-message{color:#d8ccff;overflow-wrap:anywhere;margin:7px 0 0;font-size:11px}.schedule-management-confirm{background:#9f123914;border:1px solid #fb718540;border-radius:9px;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding:10px;display:grid}.schedule-management-confirm span{color:#fda4af;grid-column:1/-1;font-size:11px;line-height:1.45}.schedule-edit-modal{width:min(680px,100%)}.schedule-channel-context{border:1px solid var(--border);background:#08070b47;border-radius:10px;gap:4px;padding:12px 14px;display:grid}.schedule-channel-context span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.schedule-channel-context strong{color:#eee9f6;font-size:14px}.schedule-channel-context small{color:#777181;text-align:left;overflow-wrap:anywhere;max-width:none;font-size:10px}footer{border-top:1px solid var(--border);color:#625e6b;width:min(1680px,100% - clamp(32px,5vw,80px));margin:70px auto 0;padding:24px 0 34px;font-size:12px}.mobile-bottom-nav{display:none}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}.account-card{min-height:260px}.clips-grid{grid-template-columns:1fr}.clip-card{grid-template-columns:clamp(220px,29vw,290px) minmax(0,1fr)}.subtitle-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){main,footer{width:min(100% - 32px,1680px)}.topbar{padding-left:16px;padding-right:16px}.subtitle-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-grid{grid-template-columns:1fr}.account-card{min-height:0}}@media (width<=760px){html{scroll-padding-top:74px}.app-shell{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{min-height:calc(62px + env(safe-area-inset-top))}.internal-label{display:none}main,footer{width:min(100% - 24px,1680px)}.hero{padding:42px 0 30px}.hero h1{letter-spacing:-.045em;font-size:clamp(31px,10vw,43px)}.hero>p:last-child{font-size:15px;line-height:1.55}.card{border-radius:15px;padding:clamp(16px,4.5vw,22px)}.section-heading,.clips-heading{gap:12px}.section-heading h2{font-size:20px}.clips-heading{align-items:flex-start;margin-bottom:17px}.clips-heading h2{font-size:clamp(23px,7vw,28px)}.clip-count{flex:none}form{margin-top:21px}.primary-button{min-height:48px}.credit-package{grid-template-columns:18px minmax(0,1fr)}.credit-package b{grid-column:2}.billing-notice,.purchase-history-item{align-items:flex-start}.subtitle-preset-fieldset{margin-top:18px;padding-top:16px}.subtitle-preset-fieldset legend{padding-top:16px}.auto-reframe-fieldset{margin-top:18px;padding-top:16px}.auto-reframe-fieldset legend{padding-top:16px}.history-section,.clips-section{padding-top:52px}.connections-section,.publishing-activity{padding-top:44px}.clip-card{grid-template-columns:1fr}.video-shell{border-bottom:1px solid var(--border);justify-self:center;width:min(100%,360px)}.clip-content{padding:18px}.clip-title-row h3{overflow-wrap:anywhere;font-size:17px}.mobile-insights{background:#08070b47;border:1px solid #a78bfa29;border-radius:9px;margin:14px 0 2px;overflow:hidden}.mobile-insights>summary{color:#ddd6e6;cursor:pointer;justify-content:space-between;align-items:center;min-height:46px;padding:11px 12px;font-size:12px;font-weight:700;list-style:none;display:flex}.mobile-insights>summary::-webkit-details-marker{display:none}.mobile-insights>summary:after{content:"+";color:var(--accent-bright);font-size:17px}.mobile-insights[open]>summary:after{content:"−"}.mobile-insights:not([open])>.mobile-insights-body{display:none}.mobile-insights-body{border-top:1px solid var(--border);padding:0 12px 14px}.summary{margin:13px 0}.editor-analysis{margin-top:15px}.history-card{padding:17px}.history-card-top{align-items:flex-start}.history-card-top time{text-align:right;max-width:45%}.history-card-footer{flex-direction:column;align-items:stretch}.history-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.history-actions>*{width:100%}.result-overflow-menu{bottom:calc(100% + 7px);right:0}.result-drawer{width:100%}.result-drawer-header{padding:max(18px, env(safe-area-inset-top)) 16px 15px}.result-drawer-header h2{font-size:19px}.result-header-actions .secondary-button{display:none}.result-drawer-body{padding:16px 14px calc(24px + env(safe-area-inset-bottom));gap:18px}.result-preview{grid-template-columns:1fr;gap:17px;padding:12px}.result-player-shell{justify-self:center;width:min(100%,340px)}.result-preview-copy h3{font-size:19px}.result-primary-download,.result-publish-action{width:100%}.result-details-grid{grid-template-columns:1fr}.result-list-item>button{grid-template-columns:46px minmax(0,1fr) auto;gap:9px}.result-thumb-placeholder{width:46px}.clip-actions{grid-template-columns:1fr;display:grid}.clip-actions>*{width:100%}.clip-actions .download-button{margin-top:0}.connection-card{align-items:start}.publishing-activity-grid article{flex-direction:column;align-items:flex-start}.publishing-activity-main,.publishing-activity-status{width:100%}.publishing-activity-main strong{white-space:normal;overflow-wrap:anywhere}.publishing-activity-status{justify-items:start}.publishing-activity-status small{text-align:left;overflow-wrap:anywhere;max-width:100%}.schedule-management{width:100%}.platform-options,.schedule-fields{grid-template-columns:1fr}.schedule-fields>p,.timezone-display{grid-column:1}.publishing-toolbar{flex-direction:column;align-items:stretch}.publishing-field,.title-variants li{grid-template-columns:1fr}.publishing-field .copy-button{grid-area:auto/1;justify-self:stretch}.modal-backdrop{padding:max(12px, env(safe-area-inset-top)) 0 0;align-items:end}.confirm-modal{width:100%;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));padding:20px 16px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0}.publish-modal{max-height:calc(100dvh - max(12px, env(safe-area-inset-top)))}.publish-modal-header{margin:-20px -16px 0;padding:20px 16px 12px;top:-20px}.publish-preview-row{grid-template-columns:84px minmax(0,1fr)}.publish-preview-row video{width:84px;max-height:150px}.publish-preview-row strong{white-space:normal;overflow-wrap:anywhere}.publish-platform-options{grid-template-columns:1fr}.publish-form .modal-actions{bottom:calc(-16px - env(safe-area-inset-bottom));z-index:3;margin:8px -16px calc(-16px - env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17141ff7;position:sticky}.publish-schedule-fields{grid-template-columns:1fr}.publish-schedule-fields>label:nth-child(3),.publish-schedule-summary{grid-column:1}.modal-actions>*{min-height:46px}.mobile-bottom-nav{z-index:15;padding:6px max(6px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100e16f0;border-top:1px solid #ffffff1c;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{color:#898392;border-radius:10px;align-content:center;place-items:center;gap:2px;min-width:0;min-height:54px;font-size:10px;font-weight:700;text-decoration:none;display:grid}.mobile-bottom-nav a>span{font-size:18px;line-height:1}.mobile-bottom-nav a.active{color:#efe9ff;background:#7c3aed26}footer{margin-top:52px;padding-bottom:18px}}@media (width<=520px){.auth-shell{padding:18px 12px}.auth-card{border-radius:17px;padding:25px 19px}.subtitle-preset-grid{gap:8px}.subtitle-preset-card{min-height:142px;padding:8px}.subtitle-preview{min-height:66px;padding:8px 5px}.subtitle-preset-copy small{font-size:9px}.clips-heading .clip-count{padding:5px 8px;font-size:10px}.progress-meta{align-items:flex-end;margin-top:20px}.progress-meta span{max-width:78%}.job-id{gap:3px;display:grid}.message{overflow-wrap:anywhere}.job-credit-summary{grid-template-columns:1fr}.job-credit-summary strong{text-align:left}.plan-option,.error-message{flex-direction:column;align-items:flex-start}.error-message .text-button{min-height:36px;padding-bottom:0}.modal-actions{grid-template-columns:1fr 1fr;display:grid}}@media (width<=340px){.auto-reframe-options,.subtitle-preset-grid{grid-template-columns:1fr}.subtitle-preset-card{min-height:0}.brand{gap:8px;font-size:14px}.brand-mark{width:30px;height:30px}.mobile-bottom-nav a{font-size:9px}.history-actions,.modal-actions{grid-template-columns:1fr}.result-list-item>button{grid-template-columns:40px minmax(0,1fr)}.result-list-item b{display:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius-sm);color:#111;transition:transform var(--transition-fast);background:#fff;padding:10px 14px;font-weight:700;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-icon{flex:none;display:block}.app-shell{min-height:100dvh;padding:0;overflow:visible}.app-workspace{min-width:0;min-height:100dvh;margin-left:var(--sidebar-width)}.workspace-main{width:min(1500px,100% - clamp(36px,5vw,76px));margin:0 auto;padding-bottom:24px}.workspace-main>section{scroll-margin-top:28px}.workspace-main+footer{width:min(1500px,100% - clamp(36px,5vw,76px));margin:54px auto 0}.mobile-workspace-header{display:none}.app-sidebar{width:var(--sidebar-width);z-index:18;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0d12f5;flex-direction:column;padding:22px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand-row{justify-content:space-between;align-items:center;padding:0 6px 22px;display:flex}.sidebar-brand{font-size:15px}.sidebar-nav{gap:4px;display:grid}.sidebar-nav-label{color:var(--muted-subtle);letter-spacing:.12em;text-transform:uppercase;padding:0 12px 8px;font-size:9px;font-weight:800}.sidebar-nav a{color:#aaa5b2;min-height:44px;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:0 12px;font-size:12px;font-weight:650;text-decoration:none;display:flex}.sidebar-nav a:hover{color:var(--text);background:#ffffff09}.sidebar-nav a.active{background:var(--accent-soft);color:#eee9ff;border-color:#a892fa2e}.sidebar-nav a.active .app-icon{color:var(--accent-bright)}.sidebar-credit-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff06;gap:7px;margin-top:auto;padding:14px;display:grid}.sidebar-credit-card>span{color:#c5bfce;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.sidebar-credit-card>strong{color:var(--text);font:750 21px/1.1 Manrope,sans-serif}.sidebar-credit-card>small{color:var(--muted);font-size:10px}.sidebar-credit-card>a{min-height:34px;color:var(--accent-bright);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin-top:4px;padding:0;font-size:10px;font-weight:700;text-decoration:none;display:flex}.sidebar-account{border-top:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:9px;margin-top:12px;padding:12px 6px 2px;display:grid}.sidebar-avatar{background:var(--accent-soft);color:#dcd2ff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.sidebar-account>div{gap:2px;min-width:0;display:grid}.sidebar-account strong{color:#e4dfe9;font-size:11px}.sidebar-account small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sidebar-account>button,.sidebar-close,.mobile-menu-button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0}.sidebar-account>button,.mobile-menu-button{display:grid}.sidebar-close{display:none}.sidebar-account>button:hover,.sidebar-close:hover,.mobile-menu-button:hover{color:var(--text);background:#ffffff0e}.sidebar-backdrop{display:none}.notification-center{z-index:24;position:fixed;top:20px;right:24px}.notification-bell{border:1px solid var(--border-strong);color:#d8d1e1;width:42px;height:42px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:#18161ef0;border-radius:11px;place-items:center;padding:0;display:grid;position:relative}.notification-bell:hover,.notification-bell[aria-expanded=true]{color:#fff;background:#211d2b;border-color:#a892fa6b}.notification-badge{color:#fff;background:#8b5cf6;border:2px solid #111016;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.notification-panel{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#14121bfb;border-radius:16px;flex-direction:column;width:min(390px,100vw - 28px);max-height:min(610px,100dvh - 84px);display:flex;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 26px 80px #0000007a}.notification-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:17px 17px 14px;display:flex}.notification-panel-header>div{gap:3px;display:grid}.notification-panel-header strong{font:750 16px Manrope,sans-serif}.notification-panel-header span{color:var(--muted);font-size:10px}.notification-panel-header .text-button{min-height:32px;padding:0;font-size:10px}.notification-list{overscroll-behavior:contain;min-height:100px;overflow-y:auto}.notification-item{background:0 0;border-bottom:1px solid #ffffff0e;grid-template-columns:minmax(0,1fr) 30px;display:grid;position:relative}.notification-item.unread{background:#7c5ce713}.notification-item.unread:before{content:"";background:var(--accent-bright);border-radius:0 3px 3px 0;width:3px;position:absolute;inset:10px auto 10px 0}.notification-view{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:11px;padding:14px 7px 14px 16px;display:grid}.notification-view:hover .notification-copy>strong{color:#fff}.notification-type-icon{width:36px;height:36px;color:var(--success);background:#22c55e17;border:1px solid #62dda62e;border-radius:10px;flex:none;place-items:center;display:grid}.notification-type-icon.job_failed{color:#fda4af;background:#be185d17;border-color:#fb718533}.notification-copy{gap:4px;min-width:0;display:grid}.notification-copy>strong{color:#e8e3ed;transition:color var(--transition-fast);font-size:12px}.notification-copy>span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-copy time{color:var(--muted-subtle);font-size:9px}.notification-mark-read{cursor:pointer;background:0 0;border:0;align-self:stretch;place-items:center;width:30px;height:100%;min-height:48px;padding:0;display:grid}.notification-mark-read span{background:var(--accent-bright);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #a892fa1a}.notification-mark-read:hover span{box-shadow:0 0 0 5px #a892fa26}.notification-state{min-height:170px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:24px;font-size:10px;display:grid}.notification-state .app-icon{color:var(--accent-bright)}.notification-state strong{color:#ddd7e5;font-size:12px}.notification-error{color:#fda4af;background:#9f123917;border:1px solid #fb718533;border-radius:9px;margin:10px;padding:10px 12px;font-size:10px;line-height:1.45}.notification-toast{z-index:40;border:1px solid var(--border-strong);background:#191621fa;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto 24px;align-items:center;gap:11px;min-width:min(370px,100vw - 28px);max-width:440px;padding:13px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 22px 70px #00000080}.notification-toast>div{gap:3px;display:grid}.notification-toast>div strong{color:#eee9f3;font-size:12px}.notification-toast>div span{color:var(--muted);font-size:10px}.notification-toast>button:not(.notification-toast-close){background:var(--accent-soft);color:#d9ceff;cursor:pointer;border:0;border-radius:8px;min-height:34px;padding:0 9px;font-size:10px;font-weight:700}.notification-toast-close{width:24px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:20px}.workspace-page{min-width:0;padding:38px 0 24px}.workspace-page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:26px;padding-bottom:22px;display:flex}.workspace-page-header>div:first-child{max-width:760px}.workspace-page-header h1{letter-spacing:-.038em;margin:5px 0 8px;font:750 clamp(28px,3vw,38px)/1.12 Manrope,sans-serif}.workspace-page-header p:last-child{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.workspace-page-content{min-width:0}.workspace-page-actions{flex:none}.create-page .workspace-page-content{width:min(100%,1000px)}.credits-page .workspace-page-content{width:min(100%,760px)}.account-page .workspace-page-content{width:min(100%,900px)}.credits-page .account-card,.account-page .account-card{position:static}.productions-page .history-section,.connections-page .connections-section{padding-top:0}.productions-page .clips-section,.connections-page .publishing-activity{padding-top:48px}.not-found-page{place-items:center;min-height:calc(100dvh - 120px);display:grid}.not-found-page .empty-state{width:min(100%,620px)}.not-found-page .empty-state>span{width:auto;padding:0 12px;font:800 18px/44px Manrope,sans-serif}.not-found-page h1{margin:0;font:750 28px/1.2 Manrope,sans-serif}.not-found-page .primary-button{margin-top:18px}.dashboard-overview{padding:42px 0 28px}.overview-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.overview-heading>div{max-width:760px}.overview-heading h1{letter-spacing:-.04em;text-wrap:balance;margin:7px 0 10px;font:750 clamp(29px,3vw,38px)/1.1 Manrope,sans-serif}.overview-heading p:last-child{max-width:670px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.overview-create-button{flex:none;min-height:48px}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.overview-metrics article{border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);background:#14121ba8;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:16px;display:grid}.overview-metrics .metric-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-bright);border-radius:10px;place-items:center;display:grid}.overview-metrics article>div{gap:3px;min-width:0;display:grid}.overview-metrics small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700}.overview-metrics strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font:750 17px/1.2 Manrope,sans-serif;overflow:hidden}.overview-metrics em{color:var(--warning);grid-column:2;font-size:9px;font-style:normal}.recent-productions{padding-top:28px}.recent-productions .history-grid{margin-top:18px}.recent-productions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.view-all-productions{align-items:center;width:fit-content;margin-top:16px;padding:0 16px;text-decoration:none;display:inline-flex}.card,.clip-card{border-color:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#121117e6}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr);align-items:start;gap:18px}.create-card{overflow:hidden}.account-card{position:sticky;top:20px}.section-heading h2,.clips-heading h2{font-size:21px}.section-description{max-width:620px;color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.step-number{background:var(--accent-soft);color:#cfc3fa;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;display:inline-flex}.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0 0;padding:0;list-style:none;display:grid}.workflow-steps li{border:1px solid var(--border);min-width:0;color:var(--muted);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:9px;font-size:9px;font-weight:700;display:flex}.workflow-steps li span{color:#c9c3d1;background:#ffffff0b;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.workflow-steps li.active{background:var(--accent-soft);color:#e2daf9;border-color:#a892fa40}.workflow-steps li.active span{background:var(--accent);color:#fff}.create-card form{gap:0;margin-top:6px;display:grid}.create-card fieldset{min-width:0}.source-type-fieldset,.music-mode-fieldset,.lyrics-background-fieldset,.subtitle-preset-fieldset{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}.source-type-fieldset,.music-mode-fieldset,.lyrics-background-fieldset{border-bottom:0;border-left:0;border-right:0}.source-type-fieldset legend,.music-mode-fieldset legend,.lyrics-background-fieldset legend,.subtitle-preset-fieldset legend{color:#ece8f1;padding-top:20px;font-size:13px;font-weight:750}.form-step-index{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-bright);border-radius:7px;place-items:center;margin-right:3px;font-size:10px;display:inline-grid}.field-help,.input-help{color:var(--muted);margin:3px 0 13px;font-size:10px;line-height:1.45}.source-type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:17px;display:grid}.source-type-option{border:1px solid var(--border);min-height:52px;color:var(--muted);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#09080c73;border-radius:10px;align-items:center;gap:10px;margin:0;padding:0 14px;display:flex}.source-type-option:hover{color:#e9e3ef;border-color:#a892fa59}.source-type-option.selected{background:var(--accent-soft);color:#f1ecff;border-color:#a892fa8c}.source-type-option input{width:17px;height:17px;min-height:0;accent-color:var(--accent);flex:none;margin:0;padding:0}.source-type-option span{font-size:11px;font-weight:750}.upload-dropzone{border-radius:var(--radius-md);cursor:pointer;background:#7c5ce70b;border:1px dashed #a892fa4d;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-height:82px;margin:0 0 8px;padding:14px;display:grid}.upload-dropzone:hover,.upload-dropzone.has-file{background:var(--accent-soft);border-style:solid;border-color:#a892fa80}.upload-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.upload-dropzone-icon{width:44px;height:44px;color:var(--accent-bright);background:#7c5ce729;border-radius:10px;place-items:center;display:grid}.upload-dropzone>span:last-child{gap:4px;min-width:0;display:grid}.rights-confirmation{color:#ded8e8;cursor:pointer;align-items:flex-start;gap:10px;margin-top:14px;font-size:12px;line-height:1.5;display:flex}.rights-confirmation input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin-top:1px}.upload-dropzone strong{color:#e9e4ef;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.upload-dropzone small{color:var(--muted);font-size:10px;line-height:1.4}.remove-source-button{min-height:34px;color:var(--danger);justify-self:start;margin:-2px 0 8px;font-size:10px}.music-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.music-mode-option{border-radius:11px;grid-template-columns:32px minmax(0,1fr) 18px;align-content:start;gap:9px;min-height:152px;padding:13px;display:grid}.music-mode-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mode-card-icon{color:#aaa3b5;background:#ffffff0b;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.music-mode-option.selected .mode-card-icon{color:var(--accent-bright);background:#7c5ce733}.mode-card-copy{align-content:start;gap:5px;min-width:0;display:grid}.mode-card-copy strong{color:#ebe6f0;font-size:11px;line-height:1.35}.mode-card-copy small{color:var(--muted);font-size:9px;font-weight:400;line-height:1.45}.mode-card-copy em{color:#7e7887;margin-top:3px;font-size:8px;font-style:normal;line-height:1.35}.mode-card-check{border:1px solid var(--border);color:#0000;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.music-mode-option.selected .mode-card-check{border-color:var(--accent);background:var(--accent);color:#fff}.subtitle-preset-card{background:#09080c85;min-height:140px}.advanced-settings{border:1px solid var(--border);border-radius:var(--radius-md);background:#09080c4d;margin-top:18px;overflow:hidden}.advanced-settings>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:12px 14px;list-style:none;display:flex}.advanced-settings>summary::-webkit-details-marker{display:none}.advanced-settings>summary>span{color:#ded8e6;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.advanced-settings>summary>small{color:var(--muted);font-size:9px}.advanced-settings>summary:after{content:"+";color:var(--accent-bright);font-size:18px}.advanced-settings[open]>summary:after{content:"−"}.advanced-settings-body{border-top:1px solid var(--border);padding:0 14px 14px}.advanced-settings .auto-reframe-fieldset{border:0;margin:0;padding:14px 0 0}.advanced-settings .auto-reframe-fieldset legend{padding:0}.auto-reframe-options{grid-template-columns:minmax(0,1fr)}.auto-reframe-toggle{border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0;padding:13px;display:grid}.auto-reframe-toggle.selected{background:var(--accent-soft);border-color:#a892fa61}.auto-reframe-toggle>span:first-child{gap:3px;display:grid}.auto-reframe-toggle strong{color:#e7e2ec;font-size:11px}.auto-reframe-toggle small{color:var(--muted);font-size:9px;line-height:1.4}.auto-reframe-toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-switch{width:40px;height:22px;transition:background var(--transition-fast);background:#35313c;border-radius:999px;position:relative}.toggle-switch i{width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #00000040}.auto-reframe-toggle.selected .toggle-switch{background:var(--accent)}.auto-reframe-toggle.selected .toggle-switch i{transform:translate(18px)}.auto-reframe-toggle:focus-within{outline:2px solid var(--accent-bright);outline-offset:2px}.field-error{color:#fda4af}.create-summary{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;gap:13px;margin-top:18px;padding:15px;display:grid}.create-summary-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.create-summary-heading .eyebrow{margin-bottom:4px}.create-summary-heading h3{color:#ebe6f0;margin:0;font:700 15px/1.3 Manrope,sans-serif}.create-summary-heading>.app-icon{color:var(--success)}.create-summary dl{border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;display:grid}.create-summary dl>div{border-left:1px solid var(--border);min-width:0;padding:12px 10px 0}.create-summary dl>div:first-child{border-left:0;padding-left:0}.create-summary dt,.create-summary dd{margin:0}.create-summary dt{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:750}.create-summary dd{color:#e3dde9;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;font-weight:650;overflow:hidden}.job-credit-summary{background:#7c5ce70e;margin-top:18px}.create-submit-button{min-height:52px;margin-top:12px;font-size:13px}.account-status-active{color:var(--success);justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.account-status-active>span{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #62dda61a}.security-center{border-top:1px solid var(--border);gap:0;margin-top:26px;display:grid}.account-security-section{border-bottom:1px solid var(--border);padding:26px 0}.account-subheading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.account-subheading h3{color:#eee9f3;letter-spacing:-.02em;margin:0;font:700 18px/1.3 Manrope,sans-serif}.account-subheading>div>p:last-child{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.5}.security-icon,.session-count{background:var(--accent-soft);min-width:34px;height:34px;color:var(--accent-bright);border:1px solid #a892fa2e;border-radius:10px;place-items:center;font-weight:750;display:grid}.session-count{border-radius:999px;font-size:11px}.security-inline-loading{min-height:70px;color:var(--muted);align-items:center;gap:9px;font-size:11px;display:flex}.change-password-form{gap:14px;margin-top:20px;display:grid}.change-password-form label{gap:8px;margin:0;display:grid}.change-password-form input{width:100%}.password-input{min-width:0;display:block;position:relative}.password-input input{width:100%;padding-right:72px}.password-visibility{min-width:56px;min-height:34px;color:var(--accent-bright);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 7px;font-size:9px;font-weight:750;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-visibility:hover{color:#eee8ff;background:#7c5ce71f}.password-visibility:disabled{cursor:not-allowed;opacity:.5}.password-new-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.password-requirements{color:var(--muted);margin:-3px 0 0;font-size:10px;line-height:1.5}.change-password-form .message{margin:0}.change-password-form .primary-button{width:fit-content}.development-password-note{margin-top:18px}.session-heading{margin-bottom:18px}.session-list{gap:9px;display:grid}.session-item{border:1px solid var(--border);background:#08070b52;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px;display:grid}.session-item.current{background:#62dda609;border-color:#62dda62e}.session-device-icon{color:#aaa3b5;background:#ffffff0b;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.session-item.current .session-device-icon{color:var(--success);background:#62dda617}.session-copy{gap:3px;min-width:0;display:grid}.session-copy>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.session-copy strong{color:#e9e4ee;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.session-copy>span{color:var(--muted);font-size:9px}.current-session-badge{color:var(--success);text-transform:uppercase;background:#62dda614;border:1px solid #62dda62e;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:750}.session-item button{white-space:nowrap;min-height:36px}.session-empty{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:11px;margin:0;padding:18px;font-size:11px}.revoke-others-button{margin-top:14px}.revoke-others-button:disabled{cursor:not-allowed;opacity:.45}.security-confirmation-backdrop{z-index:31}.privacy-center{display:grid}.privacy-data-section{gap:16px;display:grid}.privacy-note{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.privacy-export-button,.delete-account-button{width:fit-content}.danger-zone{background:#9f123909;border:1px solid #fb718533;border-radius:14px;gap:18px;margin-top:12px;padding:24px;display:grid}.danger-zone .eyebrow{color:#fb7185}.owner-deletion-protection{background:#7c5ce709;border:1px solid #a892fa24;border-radius:14px;margin-top:12px;padding:22px}.privacy-modal-backdrop{z-index:30}.delete-account-modal{background:#17141f;border:1px solid #fb718538;border-radius:16px;width:min(620px,100%);max-height:calc(100dvh - 40px);padding:26px;overflow-y:auto;box-shadow:0 28px 90px #0000008c}.modal-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.modal-heading h3{letter-spacing:-.025em;margin:0;font:700 22px/1.3 Manrope,sans-serif}.modal-close{border:1px solid var(--border);color:#ddd6e5;cursor:pointer;background:#ffffff09;border-radius:9px;flex:none;width:36px;height:36px;font-size:22px}.delete-account-modal>p:not(.eyebrow){color:var(--muted);margin:14px 0;font-size:12px;line-height:1.55}.deletion-consequences{border:1px solid var(--border);background:#08070b52;border-radius:11px;gap:8px;margin:0;padding:14px 14px 14px 32px;display:grid}.deletion-consequences li{color:#c9c2d1;font-size:10px;line-height:1.5}.delete-account-form{gap:13px;margin-top:18px;display:grid}.delete-account-form label{gap:7px;margin:0;display:grid}.delete-account-form input{width:100%}.delete-account-form .message{margin:0}.delete-account-confirm{color:#fff;background:#9f1239;border-color:#be123c;min-height:44px;padding-inline:15px}.generation-costs{border:1px solid var(--border);background:#ffffff05;border-radius:10px;padding:13px}.generation-costs-heading{justify-content:space-between;gap:10px;display:flex}.generation-costs-heading strong{color:#dfd9e6;font-size:11px}.generation-costs-heading span{color:var(--muted);font-size:9px}.generation-costs dl{gap:7px;margin:11px 0 0;display:grid}.generation-costs dl div{justify-content:space-between;gap:10px;display:flex}.generation-costs dt,.generation-costs dd{color:var(--muted);margin:0;font-size:9px}.generation-costs dd{color:#d8d1e1;font-weight:700}.history-section,.clips-section,.connections-section,.publishing-activity{padding-top:64px;scroll-margin-top:26px}.history-toolbar{justify-content:space-between;align-items:center;gap:14px;margin:20px 0 16px;display:flex}.history-filters{border:1px solid var(--border);background:#09080c59;border-radius:10px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.history-filters button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 11px;font-size:10px;font-weight:700}.history-filters button:hover{color:#e3dde9}.history-filters button.active{background:var(--accent-soft);color:#e9e2ff}.history-search{width:min(290px,100%);margin:0}.history-search input{width:100%;min-height:42px;padding-left:13px;font-size:11px}.history-mode-filter{gap:4px;min-width:150px;margin:0 0 0 auto;display:grid}.history-mode-filter span{color:var(--muted);font-size:9px;font-weight:700}.history-mode-filter select{border:1px solid var(--border);color:#ddd6e5;background:#121016;border-radius:9px;min-height:42px;padding:0 34px 0 11px;font-size:11px}.history-load-more{flex-direction:column;align-items:center;gap:10px;padding-top:20px;display:flex}.history-load-more .secondary-button{min-width:180px}.library-count-row{justify-content:flex-end;align-items:center;min-height:28px;margin-bottom:8px;display:flex}.upload-recovery-emphasis{box-shadow:0 0 0 1px #fbbf2414, var(--shadow);border-color:#fbbf2461}.upload-recovery-notice{color:#eadfc8;background:#78480824;border-color:#fbbf244d;margin-bottom:18px}.history-title-row{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;margin:15px 0;display:grid}.history-thumbnail{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-bright);border:1px solid #a892fa26;border-radius:10px;place-items:center;display:grid}.history-title-row h3{min-width:0;margin:0;font-family:DM Sans,sans-serif;font-size:13px}.history-empty .primary-button,.empty-state .secondary-button{margin-top:18px}.result-drawer{width:min(980px,95vw)}.result-preview{grid-template-columns:minmax(240px,340px) minmax(0,1fr)}.auth-shell{width:100%;min-height:100dvh;padding:28px}.auth-layout{border:1px solid var(--border);width:min(100%,1040px);box-shadow:var(--shadow-lg);background:#0d0c11f0;border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);display:grid;overflow:hidden}.auth-showcase{border-right:1px solid var(--border);background:radial-gradient(circle at 20% 20%,#7c5ce72e,#0000 24rem),#0d0c12;flex-direction:column;justify-content:space-between;min-height:650px;padding:40px;display:flex}.auth-showcase>div{max-width:520px}.auth-showcase h2{letter-spacing:-.045em;margin:7px 0 15px;font:750 clamp(30px,3.5vw,48px)/1.08 Manrope,sans-serif}.auth-showcase p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.auth-showcase ul{gap:11px;margin:0;padding:0;list-style:none;display:grid}.auth-showcase li{color:#c9c3d0;align-items:center;gap:9px;font-size:11px;display:flex}.auth-showcase li .app-icon{color:var(--success)}.auth-layout .auth-card{width:auto;box-shadow:none;background:#15131b;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:42px;display:flex}.auth-layout .auth-brand{display:none}.auth-field-help{color:var(--muted);margin-top:-2px;font-size:9px;line-height:1.45}@media (width<=1180px){:root{--sidebar-width:224px}.workspace-main,.workspace-main+footer{width:min(100% - 34px,1500px)}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.account-card{position:static}.music-mode-options{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-productions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){html{scroll-padding-top:78px}.app-workspace{margin-left:0}.app-sidebar{width:min(300px,88vw);padding-top:max(18px, env(safe-area-inset-top));box-shadow:var(--shadow-lg);transition:transform .18s;transform:translate(-105%)}.app-sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:grid}.sidebar-backdrop{z-index:17;opacity:0;pointer-events:none;background:#050408a8;border:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.mobile-workspace-header{min-height:calc(64px + env(safe-area-inset-top));z-index:14;padding:env(safe-area-inset-top) 16px 0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a090ee6;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;position:sticky;top:0}.notification-center{top:calc(11px + env(safe-area-inset-top));z-index:16;right:72px}.notification-bell{width:40px;height:40px;box-shadow:none;background:0 0;border-radius:10px}.notification-panel{max-height:calc(100dvh - 76px - env(safe-area-inset-top));top:47px;right:-60px}.mobile-menu-button{border:1px solid var(--border);width:40px;height:40px}.mobile-workspace-header .brand{justify-self:start}.mobile-credit-badge{border:1px solid var(--border);color:#ddd4fb;background:var(--accent-soft);border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:750;display:flex}.workspace-main,.workspace-main+footer{width:min(100% - 32px,1500px)}.dashboard-overview{padding-top:30px}.auth-layout{grid-template-columns:1fr;width:min(100%,500px)}.auth-showcase{display:none}.auth-layout .auth-card{padding:36px}}@media (width<=560px){.account-card,.storage-card{padding:20px}.storage-summary{flex-direction:column;align-items:flex-start;gap:5px}.storage-productions-link{justify-content:center;width:100%}.password-new-fields{grid-template-columns:minmax(0,1fr)}.change-password-form .primary-button{width:100%}.session-item{grid-template-columns:34px minmax(0,1fr)}.session-device-icon{width:34px;height:34px}.session-item button{grid-column:1/-1;width:100%}.revoke-others-button,.privacy-export-button,.delete-account-button{width:100%}.danger-zone,.owner-deletion-protection{padding:18px}.privacy-modal-backdrop{padding:max(10px, env(safe-area-inset-top)) 0 0;align-items:end}.delete-account-modal{width:100%;max-height:calc(100dvh - max(10px, env(safe-area-inset-top)));padding:22px 18px max(20px, env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0}.modal-heading h3{font-size:19px}.delete-account-form .modal-actions{flex-direction:column-reverse}.delete-account-form .modal-actions button{width:100%}}@media (width<=760px){.app-shell{padding-bottom:0}.workspace-main,.workspace-main+footer{width:min(100% - 24px,1500px)}.overview-heading{flex-direction:column;align-items:stretch;gap:20px}.overview-heading h1{font-size:clamp(29px,9vw,39px)}.overview-create-button{width:100%}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}.overview-metrics article{grid-template-columns:34px minmax(0,1fr);padding:12px}.overview-metrics .metric-icon{width:34px;height:34px}.overview-metrics strong{font-size:14px}.workflow-steps{scrollbar-width:none;display:flex;overflow-x:auto}.workflow-steps::-webkit-scrollbar{display:none}.workflow-steps li{min-width:118px}.music-mode-options{grid-template-columns:1fr}.music-mode-option{min-height:112px}.advanced-settings>summary{flex-direction:column;align-items:flex-start}.advanced-settings>summary:after{position:absolute;right:14px}.create-summary dl{grid-template-columns:1fr}.create-summary dl>div,.create-summary dl>div:first-child{border-bottom:1px solid var(--border);border-left:0;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;display:flex}.create-summary dl>div:last-child{border-bottom:0;padding-bottom:0}.create-summary dd{text-align:right;max-width:62%;margin-top:0}.history-toolbar{flex-direction:column;align-items:stretch}.library-count-row{margin-bottom:4px}.history-filters{flex-wrap:nowrap;overflow-x:auto}.history-filters button{flex:none}.history-mode-filter{width:100%;margin-left:0}.history-search,.result-drawer{width:100%}.result-preview{grid-template-columns:minmax(0,1fr);gap:17px;padding:12px}.result-preview>*{min-width:0}.result-player-shell{justify-self:center;width:min(100%,340px)}.result-preview-copy,.result-primary-download,.result-publish-action{width:100%}.workspace-page{padding-top:26px}.workspace-page-header{flex-direction:column;align-items:stretch;gap:16px}.recent-productions-grid{grid-template-columns:1fr}}@media (width<=520px){.auth-shell{padding:12px}.auth-layout{border-radius:17px}.auth-layout .auth-card{padding:27px 20px}.overview-metrics{grid-template-columns:1fr 1fr}.overview-metrics article{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:11px 9px}.overview-metrics .metric-icon{border-radius:8px;width:30px;height:30px}.overview-metrics small{font-size:8px}.overview-metrics strong{font-size:12px}.notification-panel{width:calc(100vw - 20px);right:-62px}.notification-toast{grid-template-columns:36px minmax(0,1fr) auto 22px;min-width:0;bottom:10px;left:10px;right:10px}.workflow-steps li{min-width:108px}.history-title-row{grid-template-columns:36px minmax(0,1fr)}.history-thumbnail{width:36px;height:36px}.mobile-workspace-header .brand>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
