:root{color-scheme:dark;--bg:#10120f;--panel:#171a16;--panel2:#1c201b;--line:#2a2f28;--muted:#81877d;--text:#f0f2ec;--green:#c2fa72;--green2:#a9e95a;--cream:#e3e9db;--mono:'Cascadia Code','SFMono-Regular',Consolas,monospace;--sans:'Segoe UI',Arial,sans-serif;--display:'Aptos Display','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--sans);min-height:100vh}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;background:radial-gradient(ellipse 70% 48% at 70% 42%,rgba(151,194,95,.045),transparent 74%),var(--bg)}
.topbar{height:66px;border-bottom:1px solid #242821;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.7vw,76px);position:relative}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font:800 19px var(--display);letter-spacing:-.8px;text-decoration:none}.brand-mark{height:22px;width:22px;border:1px solid #5d7643;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-8deg)}.brand-mark i{display:block;width:2px;border-radius:2px;background:var(--green)}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:9px}.topbar-center{color:#a2a99d;position:absolute;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.02em;display:flex;align-items:center;gap:9px}.workspace-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #bdf56b66}.topbar-slash{color:#4a5046}.topbar-right{display:flex;align-items:center;gap:18px}.free-pill,.format-tag{font:500 9px var(--mono);letter-spacing:.08em;color:#b7c7a7;border:1px solid #384233;border-radius:30px;padding:7px 10px}.free-pill span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin:0 6px 1px 0}.avatar{display:grid;place-items:center;width:28px;height:28px;background:#292e26;border:1px solid #383d34;border-radius:50%;font:600 11px var(--display);color:#d1d9c7}
.main-wrap{max-width:1440px;margin:0 auto;padding:42px clamp(22px,4.7vw,76px) 24px}.intro-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.eyebrow{font:500 9px var(--mono);letter-spacing:.18em;color:#abb49f;display:flex;align-items:center;gap:9px}.eyebrow-line{height:1px;width:21px;background:var(--green)}h1{font:700 clamp(35px,4.2vw,52px)/1.05 var(--display);letter-spacing:-2.9px;margin:11px 0 6px}.intro-row h1 em{font-style:normal;color:var(--green)}.intro-copy{color:#9a9f96;margin:0;font-size:13px}.privacy-note{display:flex;align-items:center;gap:10px;margin:0 3px 4px 0}.lock-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid #35402e;border-radius:9px;color:var(--green);font-size:21px;transform:rotate(180deg)}.privacy-note strong,.privacy-note small,.side-footnote strong,.side-footnote small{display:block}.privacy-note strong{font-size:10px;font-weight:600;color:#d3d9ce}.privacy-note small{font-size:9px;color:#7e8578;margin-top:3px}
.workbench{display:grid;grid-template-columns:282px minmax(0,1fr);min-height:595px;border:1px solid #2b3029;border-radius:12px;overflow:hidden;background:#141713;box-shadow:0 16px 60px #0002}.source-panel{padding:23px 20px 18px;background:#161914;border-right:1px solid #2a2f28;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:flex-start;gap:12px;margin:0 0 20px}.step-index{font:500 9px var(--mono);color:var(--green);border:1px solid #435038;border-radius:5px;padding:5px 6px;margin-top:1px}.panel-heading h2{font:600 13px var(--display);margin:0;color:#ebeee7;letter-spacing:-.2px}.panel-heading p{font-size:10px;color:#81877d;margin:5px 0 0}.dropzone{min-height:155px;border:1px dashed #47513e;border-radius:9px;background:linear-gradient(150deg,#1d2318,#191c17 76%);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;text-align:center;position:relative}.dropzone:hover,.dropzone.dragover{border-color:var(--green);background:#21281b}.dropzone.dragover{transform:scale(1.01)}.upload-symbol{height:37px;width:37px;border-radius:11px;background:#293223;border:1px solid #3d4b32;display:grid;place-items:center;color:var(--green);margin-bottom:11px}.upload-symbol svg,.film-icon svg,.loaded-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.dropzone strong{font-size:11px;font-weight:600;color:#e3e8dc}.drop-hint{font-size:10px;color:#899083;margin-top:4px}.drop-hint u{color:var(--green);text-underline-offset:2px}.file-types{font:8px var(--mono);color:#737a6f;margin-top:13px;letter-spacing:.035em}.divider{display:flex;align-items:center;gap:8px;margin:17px 0 10px;color:#727a6e;font:8px var(--mono);letter-spacing:.05em;white-space:nowrap}.divider:before,.divider:after{content:"";height:1px;background:#2d332b;flex:1}.url-form{height:36px;display:flex;gap:6px}.url-input-wrap{display:flex;align-items:center;gap:7px;min-width:0;flex:1;border:1px solid #343a31;background:#11130f;border-radius:6px;padding:0 9px;color:#84907b}.url-input-wrap>span{font-size:13px}.url-input-wrap input{min-width:0;width:100%;border:0;outline:0;color:#dfe5d8;background:transparent;font-size:9px}.url-input-wrap input::placeholder{color:#636a60}.icon-button{width:36px;border:1px solid #47513d;border-radius:6px;background:#242b1e;color:var(--green);font-size:18px;cursor:pointer;transition:background .2s}.icon-button:hover{background:#303c25}.source-message{min-height:34px;margin:8px 1px 0;font-size:9px;line-height:1.55;color:#747c70}.source-message.error{color:#ffa18d}.source-message.success{color:#c2fa72}.source-loaded{align-items:center;gap:9px;padding:10px 8px;margin-top:10px;background:#20251d;border:1px solid #3b4930;border-radius:7px}.loaded-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:var(--green);background:#2c3823}.loaded-icon svg{height:14px;width:14px}.loaded-details{min-width:0;flex:1}.loaded-details strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#e0e7d8}.loaded-details span{display:block;margin-top:4px;font:8px var(--mono);color:#89917e}.remove-source{border:0;background:transparent;color:#858c7f;font-size:17px;cursor:pointer}.remove-source:hover{color:#fff}.side-footnote{margin-top:auto;padding-top:22px;display:flex;gap:10px;align-items:flex-start;border-top:1px solid #292e27}.spark-icon{font-size:15px;color:var(--green)}.side-footnote strong{font-size:9px;font-weight:600;color:#c8d1bf}.side-footnote small{font-size:8px;color:#767e72;margin-top:4px}
.editor-panel{padding:22px 24px 19px;min-width:0;position:relative;background:#131612}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-heading.compact{margin:0;align-items:flex-start}.panel-heading.compact .step-index{margin-top:0}.panel-heading.compact h2{font-size:13px}.panel-heading.compact p{font-size:9px}.editor-actions{display:flex;gap:12px;align-items:center}.format-tag{font-size:8px;padding:7px 8px;border-color:#343b31;color:#98a08f;white-space:nowrap}.primary-button{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;border-radius:6px;background:var(--green);color:#182111;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.primary-button:not(:disabled):hover{background:#d1ff8b;transform:translateY(-1px);box-shadow:0 5px 18px #a7e95820}.primary-button:disabled{opacity:.36;cursor:not-allowed}.button-spark{font-size:12px}.button-arrow{font-size:12px;margin-left:2px}
.empty-state{height:493px;border:1px solid #2d332a;border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(118,154,72,.08),transparent 49%),linear-gradient(145deg,#191d17,#131612 65%)}.empty-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#5d6b5030 1px,transparent 1px),linear-gradient(90deg,#5d6b5030 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 75%)}.empty-orbit{position:absolute;border:1px solid #73865a12;transform:rotate(-18deg);left:50%;top:48%;border-radius:50%;pointer-events:none}.orbit-one{width:480px;height:195px;margin:-97px 0 0 -240px}.orbit-two{width:620px;height:270px;margin:-135px 0 0 -310px}.empty-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.film-icon{height:50px;width:50px;display:grid;place-items:center;border-radius:15px;background:#20271a;border:1px solid #39472f;color:var(--green);box-shadow:0 0 35px #b4eb6a12;margin-bottom:20px}.film-icon svg{width:24px;height:24px}.empty-kicker{font:9px var(--mono);letter-spacing:.16em;color:#a1ad91}.empty-content h3{font:600 20px var(--display);letter-spacing:-.7px;color:#edf1e7;margin:8px 0 7px}.empty-content p{font-size:10px;line-height:1.7;color:#828a7d;margin:0}.empty-chips{display:flex;gap:8px;margin-top:21px}.empty-chips span{padding:6px 8px;border:1px solid #333a2e;border-radius:4px;background:#171a15;color:#7c8673;font:8px var(--mono)}.empty-chips b{color:#c1c9b8;font-weight:500}.empty-bottom{position:absolute;bottom:14px;left:16px;font:8px var(--mono);letter-spacing:.015em;color:#666e62}.empty-bottom span{color:#b5e873;margin-right:5px}
.loaded-workspace[hidden],.empty-state[hidden],.source-loaded[hidden],.analysis-progress[hidden],.signal-strip[hidden],.results-section[hidden]{display:none!important}.video-stage{height:290px;border:1px solid #2d332a;border-radius:8px;background:#090a08;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-stage video{width:100%;height:100%;object-fit:contain;background:#090a08}.stage-overlay{position:absolute;left:12px;right:12px;top:11px;display:flex;justify-content:space-between;pointer-events:none}.stage-label,.stage-duration{font:8px var(--mono);letter-spacing:.09em;padding:6px 8px;border-radius:4px;background:#0d100dcc;color:#b4bba9;border:1px solid #ffffff12;backdrop-filter:blur(5px)}.stage-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bdfa71;margin:0 5px 0 0}.stage-duration{letter-spacing:.04em}.analysis-progress{border:1px solid #30372b;border-radius:7px;padding:11px 13px;margin-top:10px;background:#171b15}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#dbe3d2}.progress-label>span:first-child{display:flex;align-items:center;gap:7px}.pulse-dot{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #bafa711a;animation:pulse 1s infinite}.progress-label>span:last-child{font:9px var(--mono);color:var(--green)}.progress-track{height:3px;background:#2d3527;border-radius:3px;margin:9px 0 7px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--green);box-shadow:0 0 8px #c2fa7280;transition:width .15s}.analysis-progress small{font-size:8px;color:#818a79}@keyframes pulse{50%{box-shadow:0 0 0 7px #bafa7107}}
.signal-strip{display:flex;align-items:center;gap:0;padding:11px 14px;margin-top:10px;border:1px solid #30372b;border-radius:7px;background:#171b15}.signal-strip>div:not(.signal-note){display:grid;grid-template-columns:7px auto;column-gap:7px;align-items:center;padding-right:18px;margin-right:17px;border-right:1px solid #31372d}.signal-strip strong{font:500 11px var(--mono);color:#e1e8d8}.signal-strip small{grid-column:2;font-size:8px;color:#7c8575;margin-top:3px;white-space:nowrap}.signal-dot{height:6px;width:6px;border-radius:50%;grid-row:1/3}.signal-dot.green{background:var(--green)}.signal-dot.violet{background:#b9a2ff}.signal-dot.amber{background:#f8c476}.signal-note{margin-left:auto;color:#858c80;font-size:8px}.results-section{margin-top:20px}.results-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.results-eyebrow{font:8px var(--mono);letter-spacing:.16em;color:#a6b28f}.results-heading h3{font:600 16px var(--display);letter-spacing:-.4px;margin:5px 0 0}.sort-note{font-size:8px;color:#848c7e}.sort-note span{font-size:13px;color:#bccbaf;margin-right:4px}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.clip-card{border:1px solid #2d332b;border-radius:7px;background:#181b16;padding:10px;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:10px;align-items:center;transition:border .16s,background .16s}.clip-card:hover{border-color:#536440;background:#1c2019}.clip-thumb{height:62px;width:78px;background:#24291f;border-radius:4px;overflow:hidden;position:relative}.clip-thumb canvas{width:100%;height:100%;object-fit:cover}.clip-thumb .thumb-time{position:absolute;right:4px;bottom:4px;background:#0a0c09d9;border-radius:3px;padding:3px 4px;font:7px var(--mono);color:#ebefe5}.clip-main{min-width:0}.clip-topline{display:flex;align-items:center;gap:5px;margin-bottom:4px}.clip-rank{font:8px var(--mono);color:var(--green)}.clip-category{font:7px var(--mono);color:#929b88;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-title{font:600 10px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e5eade}.clip-meta{font:8px var(--mono);color:#848c7e;margin-top:4px}.clip-score{min-width:42px;text-align:center}.score-ring{width:36px;height:36px;margin:0 auto 3px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) var(--score),#30372b 0);position:relative}.score-ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#181b16}.score-ring b{font:500 9px var(--mono);color:#e9efdf;position:relative}.score-caption{font:6px var(--mono);color:#798273;letter-spacing:.04em}.clip-controls{grid-column:2/4;display:flex;align-items:center;gap:6px;margin-top:1px}.clip-action{border:1px solid #353c31;border-radius:4px;background:#20241e;padding:5px 7px;color:#bdc8b3;font-size:8px;cursor:pointer}.clip-action:hover{border-color:#81956a;color:#e5eedb}.clip-action.export{color:var(--green);border-color:#435336}.clip-action:disabled{opacity:.5;cursor:wait}.clip-progress{font:7px var(--mono);color:#a5b293;margin-left:auto}.results-disclaimer{font-size:8px;line-height:1.5;color:#747c70;margin-top:12px}.results-disclaimer span{color:#bdcbab;margin-right:4px}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 3px 0;color:#666e62;font:8px var(--mono);letter-spacing:.04em}.page-footer i{color:#a7dd63;font-style:normal;margin:0 3px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:#e1f8c4;color:#192114;border-radius:6px;padding:10px 14px;font-size:10px;font-weight:600;box-shadow:0 8px 25px #0005;transition:all .2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.main-wrap{padding-left:24px;padding-right:24px}.workbench{grid-template-columns:250px minmax(0,1fr)}.source-panel{padding:20px 15px}.editor-panel{padding:20px 17px}.format-tag{display:none}.results-grid{grid-template-columns:1fr}.video-stage{height:250px}}
@media(max-width:700px){.topbar{height:58px;padding:0 16px}.topbar-center{display:none}.topbar-right{gap:9px}.free-pill{font-size:8px;padding:6px 8px}.main-wrap{padding:29px 14px 18px}.intro-row{align-items:flex-start}.intro-row h1{font-size:39px}.intro-copy{font-size:11px;max-width:245px;line-height:1.5}.privacy-note{display:none}.workbench{display:flex;flex-direction:column;min-height:0}.source-panel{border-right:0;border-bottom:1px solid #2a2f28;padding:17px}.panel-heading{margin-bottom:14px}.dropzone{min-height:132px}.side-footnote{margin-top:14px;padding-top:12px}.editor-panel{padding:16px 12px}.editor-head{align-items:flex-start}.panel-heading.compact p{max-width:160px;line-height:1.45}.editor-actions{gap:0}.primary-button{padding:9px 8px;font-size:9px;gap:5px}.button-arrow{display:none}.empty-state{height:370px}.empty-content h3{font-size:18px}.empty-content p{font-size:9px}.video-stage{height:215px}.signal-strip{padding:9px 8px;justify-content:space-between}.signal-strip>div:not(.signal-note){padding-right:8px;margin-right:7px}.signal-note{display:none}.results-grid{grid-template-columns:1fr}.clip-card{grid-template-columns:70px minmax(0,1fr) auto;gap:8px;padding:8px}.clip-thumb{width:70px;height:57px}.page-footer{align-items:flex-start;gap:12px;font-size:7px}.page-footer span:last-child{text-align:right;max-width:140px;line-height:1.5}}
.source-loaded{display:flex}.clip-action.export-all{color:var(--green);border-color:#435336}.clip-action.export-all:hover{border-color:#a0c27e;color:#e5eedb}@media(max-width:700px){.sort-note{display:none}.results-heading{gap:8px}.clip-action.export-all{white-space:nowrap}}
.video-stage{width:min(100%,225px);height:auto;aspect-ratio:9/16;max-height:400px;margin:0 auto}.video-stage video{object-fit:cover}.stage-overlay{z-index:3}.caption-overlay{position:absolute;z-index:2;left:6%;right:6%;bottom:20%;text-align:center;pointer-events:none;font-family:var(--display);font-weight:900;font-size:clamp(14px,1.6vw,17px);line-height:1.12;text-transform:uppercase;overflow-wrap:anywhere}.caption-overlay[data-style="hype"]{color:#fff;text-shadow:0 2px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 4px 9px #000}.caption-overlay[data-style="boxed"]{left:9%;right:9%;padding:9px 11px;background:#0b0d0de8;border:1px solid #ffffff20;border-radius:8px;color:#fff;text-shadow:0 2px 4px #000}.caption-overlay[data-style="neon"]{color:#fff;text-shadow:0 0 10px #ff3bcb,0 2px 2px #000,-1px -1px 0 #000,1px 1px 0 #000}.caption-overlay[data-style="clean"]{font-weight:700;text-transform:none;color:#fff;text-shadow:0 2px 7px #000,0 1px 2px #000}.caption-word.active{color:#d7ff54}.caption-overlay[data-style="neon"] .caption-word.active{color:#68f4ff}.caption-overlay[data-style="boxed"] .caption-word.active{color:#d7ff54}.caption-toolbar{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 0 10px;border:1px solid #30372b;border-radius:7px;background:#171b15}.caption-toolbar-title{display:flex;align-items:center;gap:8px;margin-right:auto}.caption-toolbar-icon{width:27px;height:24px;display:grid;place-items:center;border-radius:5px;background:#293222;color:var(--green);font:600 9px var(--mono)}.caption-toolbar-title strong,.caption-toolbar-title small{display:block}.caption-toolbar-title strong{font-size:9px;color:#e1e8d8}.caption-toolbar-title small{font-size:8px;color:#7e8775;margin-top:3px}.caption-select-label{display:flex;align-items:center;gap:7px;color:#7f8976;font:8px var(--mono);letter-spacing:.05em}.caption-select-label select{max-width:130px;border:1px solid #394132;border-radius:5px;background:#11140f;color:#d9e1d0;padding:6px 20px 6px 7px;font:9px var(--sans);outline:none}.caption-select-label select:focus{border-color:#88a466}.caption-editor{grid-column:1/4;padding-top:6px}.caption-editor label{display:block;font:7px var(--mono);color:#9aa68a;letter-spacing:.1em;margin-bottom:5px}.caption-editor textarea{display:block;width:100%;min-height:54px;resize:vertical;padding:7px 8px;border:1px solid #394132;border-radius:5px;background:#11140f;color:#e8eee1;font:9px/1.5 var(--sans);outline:none}.caption-editor textarea:focus{border-color:#8ba96a}.caption-editor .apply-caption{margin-top:5px}.clip-action.caption{color:#d8e4c8;border-color:#424b39}.caption-state{font:7px var(--mono);color:#9baa8c}.results-disclaimer{margin-top:13px}@media(max-width:700px){.video-stage{max-height:none}.caption-toolbar{gap:7px;padding:9px 7px;flex-wrap:wrap}.caption-toolbar-title{width:100%;margin-bottom:3px}.caption-select-label{flex:1;justify-content:space-between}.caption-select-label select{max-width:110px}.caption-overlay{font-size:16px;bottom:21%}.caption-editor{grid-column:1/4}}
.clip-controls{grid-column:1/4;flex-wrap:wrap}.clip-action.caption{color:var(--green);border-color:#435336}.caption-state{margin-left:auto}.clip-progress{margin-left:0}
.runtime-notice[hidden],.youtube-notice[hidden]{display:none!important}.runtime-notice{margin:8px 1px 0;padding:8px 9px;border:1px solid #54472d;border-radius:6px;background:#292316;color:#d7c28e;font-size:8px;line-height:1.55}.runtime-notice strong{color:#f0dda9;font-weight:700}.youtube-notice{margin-top:11px;padding:9px;border:1px solid #42342f;border-radius:7px;background:#1e1917}.youtube-notice-label{display:flex;align-items:center;gap:6px;color:#dfb9ac;font:8px var(--mono);letter-spacing:.07em;margin-bottom:8px}.youtube-notice-label span{width:5px;height:5px;border-radius:50%;background:#fa6658}.youtube-preview{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#0b0b0b}.youtube-preview iframe{width:100%;height:100%;border:0}.youtube-notice p{font-size:8px;line-height:1.55;color:#a1938d;margin:8px 0 7px}.youtube-notice a{font-size:8px;color:#f18c79;text-decoration:none}.youtube-notice a:hover{text-decoration:underline}.clip-progress{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}