:root{color:#171817;font-synthesis:none;--ink:#171817;--muted:#686b66;--line:#d8d6ce;--paper:#fbfaf6;--green:#b9ff5b;--green-dark:#263a0d;--red:#b83525;background:#f3f1eb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}.shell{width:min(1080px,100% - 40px);margin:0 auto;padding:28px 0 72px}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.masthead p{color:var(--muted);margin:0;font-size:.84rem}.wordmark{color:var(--ink);letter-spacing:-.025em;font-weight:720;text-decoration:none}.wordmark span{color:#10110f;background:var(--green);letter-spacing:-.04em;border-radius:4px;margin-right:7px;padding:4px 8px 5px;display:inline-block}.hero{max-width:830px;padding:76px 0 46px}.eyebrow{color:#4d6240;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:760}h1{letter-spacing:-.065em;max-width:780px;margin:0;font-size:clamp(2.55rem,7vw,5.5rem);line-height:.94}.lede{color:#535650;max-width:690px;margin:27px 0 0;font-size:clamp(1rem,2vw,1.24rem);line-height:1.55}.card{border:1px solid var(--line);background:var(--paper);border-radius:14px;box-shadow:0 14px 42px #20221d0e}.route-card{padding:24px}label{margin-bottom:9px;font-size:.84rem;font-weight:680;display:block}.input-row,.auth-row{gap:10px;display:flex}input[type=url],input[type=password]{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #c7c5bd;border-radius:8px;outline:none}input[type=url]{padding:15px 16px}input[type=password]{padding:11px 12px}input:focus{border-color:#64764c;box-shadow:0 0 0 3px #b9ff5b42}button,.download-button{color:#fff;background:var(--ink);white-space:nowrap;border:0;border-radius:8px;padding:0 20px;font-weight:700}button:hover,.download-button:hover{background:#30322e}button:disabled{cursor:wait;opacity:.55}.form-foot{color:var(--muted);justify-content:space-between;gap:16px;margin-top:12px;font-size:.78rem;display:flex}.text-button,.quiet{color:#3f5730;text-underline-offset:3px;background:0 0;padding:0;text-decoration:underline}.text-button:hover,.quiet:hover{color:var(--ink);background:0 0}.secondary{min-height:42px;color:var(--ink);background:var(--green)}.secondary:hover{background:#a9ed50}.quiet{min-height:42px;text-decoration:none}.auth{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.auth summary{cursor:pointer;justify-content:space-between;font-size:.86rem;font-weight:680;display:flex}.auth summary small{color:var(--muted);font-weight:500}.auth-body{margin-top:18px}.auth-body p{color:var(--muted);margin:10px 0 0;font-size:.76rem}.status{grid-template-columns:minmax(140px,220px) 1fr;align-items:center;gap:16px;min-height:64px;padding:0 4px;display:grid}.progress-track{background:#d8d6cf;border-radius:999px;height:3px;overflow:hidden}#progress-bar{background:#617d3d;width:0;height:100%;transition:width .2s}#progress-bar.error{background:var(--red)}.status p{color:var(--muted);margin:0;font-size:.8rem}.status p.error{color:var(--red)}.choices,.result{padding:26px;scroll-margin-top:20px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:1.55rem}.section-heading>p{color:var(--muted);margin:0;font-size:.82rem}.camera-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.camera-option{cursor:pointer;margin:0;position:relative}.camera-option input{opacity:0;position:absolute}.camera-option span{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:96px;padding:18px;transition:border-color .15s,background .15s;display:block}.camera-option strong,.audio-option strong{font-size:.97rem;display:block}.camera-option small,.audio-option small{color:var(--muted);margin-top:7px;font-size:.76rem;font-weight:500;line-height:1.35;display:block}.camera-option input:checked+span{background:#f2ffe1;border-color:#576a3c;box-shadow:inset 0 0 0 1px #576a3c}.audio-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:flex-start;gap:12px;margin:16px 0 0;padding:16px 18px;display:flex}.audio-option input{accent-color:#526b31;width:18px;height:18px;margin:2px 0 0}.availability-note{color:var(--muted);margin:14px 0 18px;font-size:.78rem}.empty-sources{border:1px dashed var(--line);color:var(--muted);border-radius:10px;grid-column:1/-1;margin:0;padding:18px;font-size:.86rem}.remux-button{background:var(--green);width:100%;min-height:48px;color:var(--green-dark)}.remux-button:hover{background:#aaf251}.upload-actions{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.upload-actions p{color:var(--muted);margin:0 0 12px;font-size:.78rem}.upload-actions label{margin-bottom:7px}.upload-row{gap:10px;display:flex}.upload-row select{min-width:0;color:var(--ink);background:#fff;border:1px solid #c7c5bd;border-radius:8px;flex:1;padding:10px 12px}.upload-actions button{min-height:42px}.result{margin-top:20px}.download-button{align-items:center;min-height:42px;text-decoration:none;display:inline-flex}video{background:#111;border-radius:9px;width:100%;max-height:650px;display:block}.preview-note{color:var(--muted);margin:13px 0 0;font-size:.78rem}.how-it-works{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin-top:58px;padding-top:28px;display:grid}.how-it-works span{color:#67705e;font-size:.7rem;font-weight:750}.how-it-works h2{margin:12px 0 7px;font-size:.98rem}.how-it-works p{color:var(--muted);margin:0;font-size:.81rem;line-height:1.55}@media (width<=720px){.shell{width:min(100% - 24px,1080px);padding-top:17px}.masthead p{display:none}.hero{padding:52px 2px 32px}h1{font-size:clamp(2.55rem,13vw,4.2rem)}.route-card,.choices,.result{padding:18px}.input-row,.auth-row,.upload-row{flex-direction:column}.input-row button,.auth-row button{min-height:46px}.form-foot{flex-direction:column;align-items:flex-start}.status{grid-template-columns:1fr;gap:8px;padding:14px 2px}.camera-options,.how-it-works{grid-template-columns:1fr}.camera-option span{min-height:0}.section-heading{flex-direction:column;align-items:flex-start}.download-button{justify-content:center;width:100%}}
