:root{color-scheme:dark;--bg:#101719;--panel:#172124;--line:#2c3a3d;--text:#edf2ed;--muted:#9eafb0;--accent:#bfe2b1;--ink:#17261b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}.top{height:92px;border-bottom:1px solid var(--line);padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-size:19px;font-weight:650}.brand svg{width:30px;height:30px;fill:none;stroke:var(--accent);stroke-width:1.5}.brand-sub{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.08em}.private{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}main{max-width:1440px;margin:auto;padding:52px max(5vw,24px) 0}.intro{display:flex;justify-content:space-between;gap:32px;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.12em;color:var(--muted);margin:0 0 16px}h1{font-size:clamp(34px,4.3vw,61px);line-height:1.08;font-weight:550;letter-spacing:-.045em;margin:0}h1 span{color:var(--accent)}.lede{color:var(--muted);max-width:520px;margin:22px 0 0;font-size:14px}.summary{border-left:1px solid var(--line);padding-left:30px;min-width:180px}.summary strong{font-weight:400;font-size:64px;line-height:1}.summary>span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.summary p{color:var(--accent);font-size:12px;margin:22px 0 0}.moments{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:38px 0 36px;border-radius:12px;overflow:hidden}.moments button{background:transparent;border:0;display:flex;align-items:center;gap:18px;text-align:left;padding:21px}.moments button+button{border-left:1px solid var(--line)}.moments button:hover,.moments button.active{background:#1e2c2b}.moments button>span{font-size:12px;color:#708688;font-variant-numeric:tabular-nums}.moments b{font-size:13px;font-weight:550;display:block}.moments small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.moments i{font-style:normal;margin-left:auto;color:var(--accent)}.workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,1fr);gap:30px;align-items:start}.player-wrap{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:1px solid var(--line)}video{display:block;width:100%;height:100%;object-fit:contain}.player-wrap>div{position:absolute;top:35%;left:12%;right:12%;padding:15px;background:#172124ee;border-radius:8px;font-size:13px}.player-wrap>div[hidden]{display:none}.video-info{padding:24px 0 22px}.video-info .eyebrow{margin-bottom:7px;letter-spacing:.07em}.video-info h2{font-size:23px;letter-spacing:-.02em;font-weight:550;margin:0}.video-info>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:7px 0 0}.player-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:23px}.download{display:inline-flex;align-items:center;gap:9px;justify-content:center}.download svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.primary{color:var(--ink);background:var(--accent);padding:12px 16px;border-radius:8px;font-size:12px;font-weight:650}.primary:hover{background:#d0edc6}.primary span{font-size:10px;opacity:.65;font-weight:400;margin-left:8px}.arrows{display:flex;gap:8px}.arrows button{border:1px solid var(--line);background:transparent;border-radius:8px;width:40px;height:40px}.arrows button:hover{background:var(--panel)}.help{border-top:1px solid var(--line);display:flex;gap:12px;padding:19px 0;color:var(--muted);font-size:11px}.help p{margin:0}.help>span{font-size:14px;color:var(--accent)}.library{background:var(--panel);padding:22px;border:1px solid var(--line);border-radius:12px}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.library-heading h2{margin:0;font-size:16px;font-weight:550}.library-heading h2 span{font-size:11px;color:var(--muted);margin-left:6px}.text-button{padding:0;background:none;border:0;color:var(--muted);font-size:11px}.search{border:1px solid #36464a;border-radius:7px;padding:9px 10px;display:flex;align-items:center;gap:8px}.search svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.6}.search input{width:100%;min-width:0;color:var(--text);background:none;border:none;outline:none;font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 12px}.filters button{border:1px solid var(--line);background:none;border-radius:5px;padding:5px 9px;font-size:11px}.filters button.selected{background:var(--accent);border-color:var(--accent);color:var(--ink)}.phase-filter{display:flex;gap:18px;border-bottom:1px solid var(--line);font-size:11px}.phase-filter button{border:0;border-bottom:2px solid transparent;background:none;padding:9px 0;color:var(--muted)}.phase-filter button.selected{color:var(--text);border-color:var(--accent)}.clip-list{max-height:530px;overflow-y:auto;margin:0 -10px;padding:0 10px;scrollbar-color:#415458 transparent;scrollbar-width:thin}.clip{display:grid;grid-template-columns:76px minmax(0,1fr) 30px;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;position:relative}.clip.active:before{content:"";position:absolute;left:-10px;height:46px;width:2px;background:var(--accent)}.select-clip{border:0;padding:0;background:none;text-align:left;min-width:0;display:contents}.thumb{width:76px;height:49px;object-fit:cover;border-radius:4px;opacity:.75}.clip.active .thumb,.clip:hover .thumb{opacity:1}.clip-text{min-width:0;display:flex;flex-direction:column}.clip-text small{font-size:9px;color:var(--muted);letter-spacing:.05em}.clip-text b{font-size:11px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.clip-text span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-download{width:30px;height:32px;border:1px solid var(--line);border-radius:6px;font-size:18px;color:var(--accent);display:flex;align-items:center;justify-content:center}.row-download:hover{background:#30423c}.library-note{margin:16px 0 0;font-size:10px;color:var(--muted)}.empty{color:var(--muted);padding:25px 0;font-size:13px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;margin-top:52px;font-size:10px;color:#829497}.copy-note{font-size:11px!important}button:disabled{cursor:default;opacity:.4}@media(min-width:1400px){main{padding-left:65px;padding-right:65px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:20px}.library{padding:17px}.clip{grid-template-columns:60px minmax(0,1fr) 28px;gap:8px}.thumb{width:60px;height:44px}.primary{padding:11px}.primary span{display:none}.moments button{padding:16px;gap:10px}}@media(max-width:760px){.top{height:76px;padding:0 20px}main{padding:32px 20px 0}.intro{align-items:flex-start}.summary{min-width:95px;padding-left:18px}.summary strong{font-size:44px}.summary>span{font-size:10px}.summary p{font-size:10px;margin-top:12px}.lede{font-size:12px}.workspace{grid-template-columns:1fr}.moments{margin:26px 0;grid-template-columns:1fr}.moments button{padding:13px 16px}.moments button+button{border-left:0;border-top:1px solid var(--line)}.moments button div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:10px}.moments small{margin:0;font-size:10px}.library{padding:20px}.clip{grid-template-columns:82px minmax(0,1fr) 34px;gap:12px}.thumb{width:82px;height:51px}.clip-text b{font-size:13px}.clip-text small,.clip-text span{font-size:11px}.clip-list{max-height:600px}.help{font-size:11px}footer{margin-top:30px}.private{font-size:10px}.video-info h2{font-size:21px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s ease,color .15s ease}.thumb{transition:opacity .15s ease}}
.clip{grid-template-columns:minmax(0,1fr) 30px}.select-clip{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;width:100%}@media(max-width:1000px){.select-clip{grid-template-columns:60px minmax(0,1fr);gap:8px}}@media(max-width:760px){.clip{grid-template-columns:minmax(0,1fr) 34px}.select-clip{grid-template-columns:82px minmax(0,1fr);gap:12px}}

.download-options{display:flex;flex-wrap:wrap;gap:10px}.secondary{border:1px solid var(--line);padding:11px 14px;border-radius:8px;font-size:12px}.secondary:hover{background:var(--panel)}.secondary span{font-size:10px;color:var(--muted)}.row-downloads{display:flex;flex-direction:column;gap:6px;align-items:stretch}.row-original,.row-download{width:auto;min-width:51px;height:29px;font-size:10px;white-space:nowrap;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center}.row-original{color:var(--ink);background:var(--accent);font-weight:650}.row-original:hover{background:#d0edc6}.clip{grid-template-columns:minmax(0,1fr) 51px}@media(max-width:760px){.player-actions{align-items:flex-start}.download-options{flex-direction:column}.clip{grid-template-columns:minmax(0,1fr) 51px}.select-clip{grid-template-columns:65px minmax(0,1fr);gap:9px}.thumb{width:65px;height:47px}}