:root{color-scheme:light dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4f6f8;color:#202124}*{box-sizing:border-box}body{margin:0;background:#f4f6f8}.shell{max-width:960px;margin:0 auto;padding:18px 14px 48px}.topbar,.section-head,.job-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar{margin-bottom:18px}.topbar strong{font-size:1.15rem}.topbar .muted{margin-left:10px}.card{background:white;border-radius:14px;padding:20px;margin:14px 0;box-shadow:0 3px 18px #1d29390f}.narrow{max-width:430px;margin:10vh auto}.job-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.job-form input[type=url]{flex:1;min-width:220px}.mobile-toggle{white-space:nowrap;font-weight:400;margin:0}.mobile-toggle input{width:auto;margin:0;padding:0}input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;background:white;color:#202124}label{display:block;font-weight:600;margin:12px 0}label input{display:block;margin-top:6px;font-weight:400}.player-wrap{margin-top:16px;background:#000;border-radius:10px;overflow:hidden}.player-wrap video{width:100%;max-height:70vh;display:block}button,.download{border:0;border-radius:9px;padding:11px 16px;background:#2563eb;color:white;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button.secondary{background:#e8eef8;color:#1e3a8a}.muted{color:#64748b}.small{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{min-height:1.2em;color:#2563eb}.jobs{display:grid;gap:10px}.job{border:1px solid #e2e8f0;border-radius:10px;padding:13px}.job-title{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{height:8px;background:#e2e8f0;border-radius:8px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;background:#22c55e;border-radius:8px;transition:width .25s}.job-foot{font-size:.9rem}.cancel{background:#ef4444;padding:7px 11px}.download{background:#16a34a;padding:7px 11px}.error{margin-top:8px;color:#b91c1c;font-size:.88rem;white-space:pre-wrap}@media(max-width:600px){.shell{padding:10px 9px 35px}.card{padding:15px;border-radius:11px}.job-form{display:block}.job-form button{width:100%;margin-top:9px}.topbar{align-items:flex-start}.topbar strong{display:block}}
@media(prefers-color-scheme:dark){:root,body{background:#0f172a;color:#e2e8f0}.card{background:#1e293b}.muted{color:#94a3b8}input{background:#0f172a;color:#e2e8f0;border-color:#475569}.job{border-color:#475569}.progress{background:#334155}button.secondary{background:#334155;color:#bfdbfe}}