:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18261f;background:#f4f5f1;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #177750;outline-offset:4px}button{min-height:44px}header{max-width:1440px;margin:auto;min-height:88px;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce2d8}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:-.5px}.mark{display:grid;place-items:center;background:#101010;color:#ff001a;font-weight:900;font-style:italic;width:38px;height:38px;border-radius:12px;font-size:22px}.brand small{display:block;font-size:10px;font-weight:650;letter-spacing:2px;color:#6b786f;margin-top:3px}.account-actions{display:flex;align-items:center;gap:20px}.connected{font-size:13px;color:#4e6657}.connected:before{content:"";display:inline-block;width:7px;height:7px;border-radius:100%;background:#358353;margin-right:7px}.quiet{background:transparent;border:1px solid #ccd6cc;border-radius:24px;color:#294b37;padding:8px 18px;font-weight:600}main{max-width:1440px;padding:44px 40px;margin:auto}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:#64776a}h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-1.8px;margin:15px 0 20px;font-weight:650}p{line-height:1.55}.muted{color:#647369}.login{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1060px;padding-top:9vh;padding-bottom:9vh;align-items:center}.intro{max-width:460px}.intro p{font-size:18px}.intro-line{height:5px;width:48px;background:#97b783;margin:28px 0}.login-card{background:#fff;border:1px solid #dde3d9;border-radius:24px;padding:34px;box-shadow:0 16px 50px #273c2410}h2{font-size:22px;letter-spacing:-.5px;margin:0 0 12px}.login-card p{font-size:14px;margin-top:0}label{display:block;font-size:13px;font-weight:650;margin:24px 0 9px}input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #bdcbbd;border-radius:10px;background:#fafbf8;color:inherit}.primary{width:100%;border:0;border-radius:12px;background:#264d36;color:white;padding:15px 20px;font-weight:650;margin-top:24px}.primary:hover{background:#356c4b}.hint{font-size:12px!important;color:#6c796f;line-height:1.6}.login-card .hint{margin-top:18px;margin-bottom:0}.legacy{font-size:13px;margin-top:32px}.legacy a{color:#355d41;text-underline-offset:4px}.status{font-size:13px;color:#5a6d60;line-height:1.5;min-height:20px;margin:12px 0 0}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading h1{font-size:36px;letter-spacing:-1px;margin:10px 0 0}.count{font-size:13px;background:#e6ece0;color:#3e5d46;padding:9px 15px;border-radius:24px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.viewer{min-width:0}.stage{position:relative;aspect-ratio:16/10;background:#16211a;border-radius:18px;overflow:hidden;display:grid;place-items:center;border:1px solid #203c2a}video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.player-empty{max-width:320px;text-align:center;padding:28px;color:#cbd8ca}.player-empty .play-symbol{width:62px;height:62px;border:1px solid #607558;border-radius:100%;margin:0 auto 22px;display:grid;place-items:center;font-size:18px;padding-left:3px;color:#d4ecb4}.player-empty strong{font-size:20px;font-weight:500;letter-spacing:-.3px;display:block}.player-empty p{font-size:13px;color:#93a48d;margin:10px 0 0}.player-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.player-bar label{margin:0;display:flex;gap:8px;align-items:center;color:#627165;font-weight:500}select{min-height:44px;padding:6px 10px;background:#fff;color:#2b4935;border:1px solid #ccd6cc;border-radius:10px}.video-info{margin-top:28px;border-top:1px solid #dbe2d7;padding-top:25px}.video-info h2{font-size:22px;font-weight:600}.video-info p{font-size:13px}.library{background:#fff;border:1px solid #dde3d9;border-radius:18px;overflow:hidden}.library-heading{padding:22px 20px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ece5}.library-heading h2{font-size:17px;margin:0}.refresh{border:0;background:#f1f4ed;color:#395941;border-radius:50%;width:40px;min-height:40px;font-size:23px}.clips{max-height:580px;overflow:auto;overscroll-behavior:contain}.clip{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:18px;border:0;border-bottom:1px solid #edf0e9;background:#fff;color:#293e2d}.clip:hover{background:#f5f8f1}.clip[aria-pressed=true]{background:#eaf0df;box-shadow:inset 3px 0 #527749}.clip-icon{width:43px;height:48px;display:grid;place-items:center;border-radius:9px;background:#edf1e8;color:#5f7758;font-size:11px;flex-shrink:0}.clip[aria-pressed=true] .clip-icon{background:#d9e6c7;color:#355632}.clip-text{min-width:0}.clip-text strong{font-size:12px;font-weight:650;display:block;line-height:1.5}.clip-text>span{display:block;font-size:11px;color:#7a8779;margin-top:4px}.library-footer{padding:14px 18px}.library-footer .status{margin:0}.more{width:100%;margin-bottom:12px}.empty{padding:30px 22px;text-align:center}.empty strong{font-size:15px}.empty p{font-size:13px;color:#6d7c6e}.warning{border-left:3px solid #bc8c3c;padding:10px 14px;background:#faf0d9;color:#6a5126}.bottom-note{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce2d8;margin-top:40px;padding-top:20px;font-size:11px;color:#7b887a}.bottom-note a{color:inherit;text-underline-offset:3px}@media(min-width:1400px){.stage{aspect-ratio:16/9}}@media(max-width:1000px){header{padding:20px 24px}main{padding:32px 24px}.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:22px}.login{gap:40px}.login-card{padding:26px}.stage{aspect-ratio:4/3}}@media(max-width:760px){header{padding:16px 20px;min-height:76px}.brand{font-size:16px}.connected{display:none}main{padding:28px 20px}.login{grid-template-columns:1fr;gap:24px;padding-top:30px;max-width:520px}.intro h1{font-size:38px}.intro p{font-size:16px}.intro-line{display:none}.legacy{margin-top:18px}.workspace{grid-template-columns:1fr;gap:28px}.stage{aspect-ratio:16/11}.page-heading{margin-bottom:22px}.page-heading h1{font-size:32px}.clips{max-height:440px}.video-info{margin-top:20px;padding-top:18px}.player-bar{align-items:start}.player-bar .status{margin:0;max-width:60%}.bottom-note{flex-direction:column;gap:8px}.login-card{padding:26px}.count{padding:8px 12px;font-size:12px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}
.brand-logo{display:block;text-decoration:none}.brand-logo img{display:block;width:200px;height:64px;object-fit:cover}.brand-logo small{text-align:center;margin-top:0}.home-link{font-size:13px;color:#c7c9d0;text-decoration:none}.home-link:hover{text-decoration:underline}:root{color:#eee;background:#111214;color-scheme:dark}header{border-color:#333;flex-wrap:wrap}.clip-text strong,.video-info h2{overflow-wrap:anywhere}.brand small,.eyebrow,.muted,.hint,.status,.bottom-note{color:#a8abb2}.mark{background:#ed273b;color:white;border-radius:9px}.intro-line{background:#ed273b}.primary{background:#e62338;color:#fff}.primary:hover{background:#bb182a}.quiet{color:#eceef1;border-color:#45474d}.quiet:hover{background:#2d2f35}.connected{color:#b9c5be}.login-card,.library,.tool-card{background:#1b1c20;border-color:#34363d}.login-card input,input,select{background:#121316;border-color:#484b54;color:#f0f1f4}.legacy a{color:#dbdce1}.count{background:#2b2d32;color:#dfe1e7}.stage{background:#08090a;border-color:#383a41}.player-empty{color:#eee}.player-empty p,.player-empty .play-symbol{color:#a8abb2}.player-empty .play-symbol{border-color:#5d6069}.video-info,.bottom-note{border-color:#34363d}.player-bar label{color:#b7bac2}.library-heading,.clip{border-color:#34363d}.refresh{background:#30323a;color:#f1f1f3}.clip{background:#1b1c20;color:#eee}.clip:hover{background:#27292e}.clip[aria-pressed=true]{background:#382126;box-shadow:inset 3px 0 #ef3043}.clip-icon,.clip[aria-pressed=true] .clip-icon{background:#343039;color:#f2c9cd}.clip-text>span,.empty p{color:#b7bac2}.workspace{grid-template-columns:minmax(0,1fr) 300px}.page-heading h1{font-size:36px}.upload-panel{border:1px solid #3c3e45;border-radius:14px;margin-bottom:28px;background:#1b1c20}.upload-panel summary{cursor:pointer;padding:20px 22px;font-weight:650;min-height:60px}.upload-panel summary span{float:right;font-size:12px;color:#aeb1ba;font-weight:400}.upload-body{padding:0 22px 22px;display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.upload-body label{margin-top:0}.upload-drop{border:1px dashed #676a75;border-radius:10px;padding:22px}.upload-drop input{border:0;background:transparent;padding:8px 0}.upload-queue,.upload-body>.tool-row,.upload-body>.status{grid-column:1/-1}.upload-body select{width:100%}.queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 0;border-bottom:1px solid #363840;font-size:13px}.queue-row strong{overflow-wrap:anywhere}.queue-row span{color:#b9bcc6}.queue-row progress{width:100%;height:6px;grid-column:1/-1;accent-color:#ed273b}.tool-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-row .primary{width:auto;margin:0;min-height:44px;padding:10px 16px}.frame-controls{padding:20px 0}.frame-controls output{font:14px ui-monospace,monospace;min-width:78px;text-align:center}kbd{font-size:11px;border:1px solid #ffffff66;padding:2px 5px;margin-left:8px;border-radius:4px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px}.tool-card{min-width:0;padding:24px;border:1px solid #34363d;border-radius:14px}.tool-card h2{margin-top:10px;font-size:20px}.tool-card .primary{margin-top:16px;padding:12px}.tool-card label{margin-top:18px}.tag-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag-links button{font-size:12px;min-height:34px;padding:5px 12px;border-color:#70414a;background:#332127}.tag-picker{display:flex;gap:8px}.tag-picker select,.tag-picker input{width:100%;min-width:0}.tag-picker button{white-space:nowrap;font-size:12px;padding:6px 12px}.marker-row{padding:10px 0;border-bottom:1px solid #363840}.marker-row button{text-align:left;width:100%;overflow-wrap:anywhere;border:0;padding:8px 0;border-radius:0;font-size:13px}.marker-row small{display:block;color:#b6bac5;font-family:ui-monospace,monospace}.marker-inputs{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.marker-inputs input{min-width:0}.marker-list{max-height:310px;overflow:auto}.clips{max-height:900px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#ff6070}.library-footer label{margin-top:0}.library-footer select{width:100%}.bottom-note{margin-top:30px}.warning{background:#342813;color:#f1d497}
@media(max-width:1150px){.detail-grid{grid-template-columns:1fr}.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:22px}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.upload-panel summary span{float:none;display:block;margin-top:8px}.upload-body{grid-template-columns:1fr}.tool-card{padding:20px}.queue-row{grid-template-columns:1fr}.clips{max-height:400px}.marker-inputs{grid-template-columns:100px minmax(0,1fr)}}