@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f5f7;background:#0b0d12;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-optical-sizing:auto;font-weight:400;--bg:#0b0d12;--panel:#12151d;--panel2:#171b25;--line:#252a36;--muted:#858c9d;--lime:#c9f36a;--purple:#a68bff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 78% 0%,rgba(100,79,168,.12),transparent 34%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;padding:27px 18px 18px;border-right:1px solid var(--line);background:#0d0f15;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:10px;font:800 19px Manrope,sans-serif;letter-spacing:-.8px;padding:0 7px 46px}.brand-mark{width:33px;height:33px;border-radius:10px;background:var(--lime);color:#151a0c;display:grid;place-items:center}.brand-light{color:#969cac;font-weight:500}.workspace-label,.section-kicker,.eyebrow,.preview-header,.plan-tag{font:500 10px DM Mono,monospace;letter-spacing:1.3px;color:#737b8d}.workspace-label{padding:0 9px 12px}.side-link{width:100%;height:43px;border:0;background:transparent;color:#9ba2b2;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:9px;text-align:left;font-size:13px;margin:2px 0}.side-link.active{background:#1c222d;color:#e8edda}.side-link.active svg{color:var(--lime)}.sidebar-bottom{margin-top:auto}.plan-card{padding:15px;border:1px solid #303442;border-radius:12px;background:linear-gradient(145deg,#1b2030,#12151d);margin-bottom:20px}.plan-icon{color:var(--lime);margin-bottom:10px}.plan-card strong{font:700 12px Manrope}.plan-card p{font-size:11px;color:var(--muted);line-height:1.55;margin:6px 0 12px}.plan-tag{font-size:9px;color:var(--lime)}.profile-row{border-top:1px solid var(--line);padding:17px 3px 0;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;display:grid;place-items:center;background:#333047;color:#d9ccff;border-radius:50%;font:600 10px Manrope}.profile-row strong,.profile-row small{display:block}.profile-row strong{font-size:11px}.profile-row small{color:var(--muted);font-size:10px;margin-top:3px}.profile-row>svg{margin-left:auto;color:#777f90}.main{margin-left:238px;max-width:1600px;padding:0 48px}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:12px;color:#7d8494}.crumb span{padding:0 9px;color:#4d5360}.crumb strong{color:#dce0e8;font-weight:500}.top-status{display:flex;align-items:center;gap:9px;color:#a1a8b7;font-size:11px}.status-dot,.micro-note span{width:7px;height:7px;border-radius:50%;background:#9cdb62;box-shadow:0 0 10px #9cdb6266}.top-divider{height:17px;width:1px;background:var(--line);margin:0 6px}.avatar.tiny{width:25px;height:25px;font-size:9px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:42px 0 27px}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--lime);font-size:10px}.page-heading h1{font:800 clamp(29px,3.2vw,42px) Manrope,sans-serif;letter-spacing:-1.8px;margin:11px 0 7px}.page-heading h1 em{font-style:normal;color:var(--lime)}.page-heading p{color:#9299a9;font-size:13px;margin:0}.heading-chip,.soft-pill,.count-pill,.success-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:30px;padding:8px 12px;color:#b4bbca;font-size:10px;white-space:nowrap}.heading-chip svg{color:var(--lime)}.steps{display:flex;gap:34px;border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:30px}.step{display:flex;align-items:center;gap:9px;color:#666e7f;font-size:11px}.step.current{color:#e9ebef}.step-num{width:25px;height:25px;border:1px solid #333948;border-radius:50%;display:grid;place-items:center;font:10px DM Mono;color:#858d9d}.step.current .step-num{border-color:var(--lime);color:var(--lime);background:#c9f36a12}.step-num.complete{background:var(--lime);border-color:var(--lime);color:#171b11}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px;align-items:start}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.section-title h2{font:700 18px Manrope;margin:5px 0 0;letter-spacing:-.45px}.section-kicker{font-size:9px;color:#858d9d}.soft-pill{font-size:10px;padding:7px 10px}.soft-pill svg{color:var(--lime)}.upload-zone{min-height:205px;border:1px dashed #3a4151;border-radius:13px;background:linear-gradient(135deg,#151923,#11141b);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s;position:relative;padding:24px}.upload-zone.dragging{border-color:var(--lime);background:#c9f36a0c}.upload-zone.has-file{min-height:120px;flex-direction:row;justify-content:flex-start;gap:16px;border-style:solid;border-color:#39444a}.upload-icon{width:48px;height:48px;border-radius:14px;background:#c9f36a12;color:var(--lime);display:grid;place-items:center;margin-bottom:13px}.file-icon{margin:0}.upload-zone h3{font:700 14px Manrope;margin:0 0 6px}.upload-zone p{font-size:11px;color:#858d9d;margin:0}.text-button{border:0;background:none;color:var(--lime);padding:0;text-decoration:underline;text-underline-offset:3px}.file-types{display:flex;align-items:center;gap:7px;color:#747d8d;font-size:9px;margin-top:17px}.file-types span{border:1px solid #303747;border-radius:4px;padding:3px 5px;color:#a9b0bd;font:9px DM Mono}.file-types i{height:3px;width:3px;border-radius:50%;background:#687183;margin:0 2px}.file-info{display:flex;flex-direction:column;gap:6px;min-width:0}.file-info strong{font-size:13px;overflow-wrap:anywhere}.file-info span{font-size:11px;color:var(--muted)}.icon-button{margin-left:auto;background:none;border:1px solid var(--line);color:#aab1bf;border-radius:8px;width:33px;height:33px;display:grid;place-items:center}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;border-bottom:1px solid var(--line);margin-bottom:18px}.setting-copy{display:flex;align-items:center;gap:10px}.setting-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#1c2130;color:#b5a1ff}.setting-copy strong,.setting-copy small{display:block}.setting-copy strong{font-size:11px}.setting-copy small{font-size:10px;color:var(--muted);margin-top:3px}.settings-row select{background:#171b25;color:#cbd0da;border:1px solid #343a49;border-radius:7px;padding:8px 27px 8px 10px;font-size:10px}.primary-button{border:0;background:var(--lime);color:#161b0d;border-radius:8px;font:700 12px Manrope;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;transition:.2s}.primary-button:hover:not(:disabled){background:#d8ff7c;transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.analyze-button{width:100%}.micro-note{display:flex;justify-content:center;align-items:center;gap:7px;color:#71798a;font-size:9px;margin:11px 0 0}.micro-note span{width:5px;height:5px}.error-box,.progress-box{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;margin:12px 0;font-size:11px}.error-box{background:#3a1d25;color:#ffb2bb;border:1px solid #66313d}.progress-box{background:#1c2130;border:1px solid #353d50;color:#dbe2f3}.progress-box small,.progress-box strong{display:block}.progress-box small{color:#929bad;margin-top:4px;font-size:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.right-column{display:flex;flex-direction:column;gap:14px}.preview-card,.pipeline-card,.tip-card{border:1px solid var(--line);background:linear-gradient(155deg,#171b25,#11141b);border-radius:12px;padding:15px}.preview-header{display:flex;justify-content:space-between;font-size:9px}.live-dot{color:#9bdc65;font-size:8px}.phone-frame{display:flex;justify-content:center;padding:20px 0 16px}.phone-screen{width:133px;height:225px;border:5px solid #343a49;border-radius:20px;background:#10121b;position:relative;overflow:hidden;box-shadow:0 14px 30px #0008}.screen-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 18%,#a68bff65,transparent 45%),radial-gradient(ellipse at 20% 80%,#c9f36a38,transparent 50%)}.screen-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:15px}.screen-logo{color:var(--lime);margin-bottom:12px}.screen-content>span{font:9px DM Mono;color:#b3b9c8;letter-spacing:1px}.screen-content strong{font:800 22px Manrope;line-height:1.05;letter-spacing:-1px;margin-top:8px}.screen-content em{font-style:normal;color:var(--lime)}.screen-line{width:35px;height:2px;background:var(--lime);margin:13px 0 8px}.screen-content small{font:7px DM Mono;color:#a4abba;letter-spacing:.4px}.screen-controls{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px}.screen-controls span{width:3px;height:3px;border-radius:50%;background:#b6bdca}.preview-caption{text-align:center;border-top:1px solid var(--line);padding-top:13px}.preview-caption strong,.preview-caption span{display:block}.preview-caption strong{font:700 11px Manrope}.preview-caption span{font-size:9px;color:var(--muted);margin-top:4px}.pipeline-heading{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:12px;margin-bottom:15px}.pipeline-heading strong{color:#e3e6ec}.pipeline-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #242a36}.pipeline-icon{width:29px;height:29px;border-radius:8px;background:#202536;color:#b9a8ff;display:grid;place-items:center}.pipeline-item div:nth-child(2){flex:1}.pipeline-item strong,.pipeline-item small{display:block}.pipeline-item strong{font-size:10px}.pipeline-item small{font-size:9px;color:var(--muted);margin-top:3px}.pipeline-check{color:#9bdc65}.tip-card{display:flex;gap:10px;background:#1c1c25}.tip-spark{color:var(--lime);padding-top:1px}.tip-card strong{font-size:10px}.tip-card p{font-size:10px;line-height:1.55;color:#a0a6b5;margin:4px 0 0}.review-section,.results-section{margin-top:37px}.review-title{align-items:center}.count-pill{color:var(--lime);border-color:#465034}.review-note{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid #343044;background:#1b1925;border-radius:8px;color:#b9b2cc;font-size:10px;line-height:1.45;margin-bottom:12px}.review-note svg{color:#b9a3ff;flex:none}.method-tag{margin-left:auto;font:9px DM Mono;white-space:nowrap;color:#bdaaff}.clip-list{display:flex;flex-direction:column;gap:9px}.clip-card{display:flex;gap:11px;padding:13px;border:1px solid #2a303d;border-radius:10px;background:#131720}.clip-card.muted{opacity:.48}.clip-check{padding-top:3px}.clip-check input,.toggle-row input{position:absolute;opacity:0}.clip-check span{width:16px;height:16px;display:block;border:1px solid #586174;border-radius:4px;cursor:pointer}.clip-check input:checked+span{background:var(--lime);border-color:var(--lime);position:relative}.clip-check input:checked+span:after{content:"✓";position:absolute;color:#11170b;font-size:12px;font-weight:800;left:2px;top:-1px}.clip-body{flex:1;min-width:0}.clip-top{display:flex;align-items:center;gap:8px}.clip-name{background:transparent;border:0;color:#edf0f5;font:700 11px Manrope;min-width:0;flex:1;outline:none}.clip-name:focus{border-bottom:1px solid var(--lime)}.score{font:9px DM Mono;color:var(--lime);white-space:nowrap}.delete-button{border:0;background:none;color:#788091;padding:2px}.clip-transcript{font-size:10px;color:#939bad;line-height:1.5;margin:7px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.time-fields{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.time-fields label{display:flex;align-items:center;gap:5px;font-size:9px;color:#8992a3}.time-fields label svg{color:#b9a8ff}.time-fields input{width:72px;background:#0d1017;color:#e6eaf0;border:1px solid #303747;border-radius:5px;padding:5px 6px;font:10px DM Mono}.time-fields small{margin-left:-4px;color:#6e7788}.time-arrow{color:#596173;font-size:11px}.duration-tag{font:9px DM Mono;color:#aeb6c5;background:#222837;border-radius:4px;padding:4px 6px}.export-panel{display:flex;align-items:center;gap:13px;flex-wrap:wrap;border:1px solid #3a3d36;background:linear-gradient(110deg,#20251b,#171b1b);border-radius:10px;padding:14px;margin-top:13px}.export-copy{display:flex;align-items:center;gap:9px;flex:1;min-width:190px}.export-icon{width:32px;height:32px;border-radius:8px;background:#c9f36a18;color:var(--lime);display:grid;place-items:center}.export-copy strong,.export-copy small{display:block}.export-copy strong{font-size:10px}.export-copy small{font-size:9px;color:#929a8a;margin-top:3px}.toggle-row{display:flex;align-items:center;gap:7px;color:#b9c0cb;font-size:9px;cursor:pointer}.toggle{width:27px;height:15px;border-radius:20px;background:#3b4352;position:relative}.toggle:after{content:"";position:absolute;width:11px;height:11px;top:2px;left:2px;border-radius:50%;background:#d8dce4;transition:.2s}.toggle-row input:checked+.toggle{background:#718d3a}.toggle-row input:checked+.toggle:after{left:14px;background:#e8ffc0}.render-button{padding:10px 13px;font-size:10px}.success-pill{color:#a8e77b;border-color:#465c36}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#151923}.result-preview{height:110px;background:radial-gradient(ellipse at 50% 20%,#a68bff38,transparent 55%),#1b202d;display:flex;align-items:center;justify-content:center;position:relative;color:var(--lime)}.result-preview span{font:9px DM Mono;position:absolute;bottom:10px;left:10px;color:#cbd0dc}.result-preview small{position:absolute;bottom:10px;right:10px;color:#9ca5b6;font:9px DM Mono}.result-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px;font-size:10px}.result-bottom a{display:flex;align-items:center;gap:5px;color:var(--lime);text-decoration:none;font-size:9px}.download-warning{font-size:9px;color:#81899a}footer{border-top:1px solid var(--line);margin-top:46px;padding:18px 0 23px;display:flex;justify-content:space-between;color:#61697a;font:9px DM Mono;letter-spacing:.4px}@media(max-width:1100px){.main{padding:0 28px}.content-grid{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.sidebar{width:210px}.main{margin-left:210px}}@media(max-width:850px){.sidebar{width:62px;padding:20px 10px}.brand{padding:0 4px 42px}.brand>span,.workspace-label,.side-link:not(.active),.side-link.active{font-size:0}.side-link{justify-content:center;padding:0}.sidebar-bottom{display:none}.main{margin-left:62px;padding:0 22px}.content-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.preview-card{grid-row:span 2}.tip-card{align-self:start}}@media(max-width:560px){.main{padding:0 15px}.topbar{height:57px}.page-heading{padding:29px 0 22px;align-items:flex-start;gap:12px;flex-direction:column}.page-heading h1{font-size:32px}.heading-chip{display:none}.steps{gap:13px;justify-content:space-between}.step{font-size:9px;gap:6px}.step-num{width:22px;height:22px}.section-title h2{font-size:16px}.soft-pill{font-size:0;padding:8px}.soft-pill svg{width:16px;height:16px}.right-column{grid-template-columns:1fr}.preview-card{grid-row:auto}.phone-frame{padding:13px 0}.phone-screen{height:190px;width:115px}.settings-row{gap:10px}.settings-row select{max-width:115px}.export-panel{align-items:flex-start}.export-copy{min-width:100%}.render-button{flex:1}.results-grid{grid-template-columns:1fr 1fr}footer{font-size:8px;gap:8px;flex-wrap:wrap}}