*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--bg:#f5f6f8;--card:#fff;--text:#1c1f24;--muted:#6b7280;--border:#e2e5ea;--accent:#2563eb;--danger:#dc2626;--ok:#16a34a}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--card:#181b21;--text:#e8eaee;--muted:#9aa1ad;--border:#2a2f38}}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:820px;margin:0 auto;padding:1.5rem 1rem 3rem}.app.narrow{max-width:420px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}h1{margin:.5rem 0 1rem;font-size:1.6rem}h2{margin:0 0 .75rem;font-size:1.05rem}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding:1rem;display:flex}.card h2{margin-bottom:0}input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:.6rem .75rem;font-size:.95rem}button,.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.55rem 1rem;font-size:.9rem;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:default}button.danger{background:var(--danger)}button.link{color:var(--accent);background:0 0;padding:.25rem}.row{gap:.5rem;display:flex}.list{margin:0;padding:0;list-style:none}.item{border-top:1px solid var(--border);padding:.6rem 0}.item:first-child{border-top:0}.item-main{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.url{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.actions{flex-shrink:0;gap:.4rem;display:flex}.badge{background:var(--border);border-radius:999px;flex-shrink:0;padding:.15rem .5rem;font-size:.75rem}.badge.done{background:var(--ok);color:#fff}.badge.failed{background:var(--danger);color:#fff}.badge.downloading{background:var(--accent);color:#fff}.progress{background:var(--border);border-radius:999px;height:18px;margin-top:.4rem;position:relative;overflow:hidden}.bar{background:var(--accent);height:100%;transition:width .4s}.progress-text{color:var(--text);justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;inset:0}.muted{color:var(--muted)}.small{margin:.2rem 0 0;font-size:.8rem}.err{color:var(--danger);margin:0}@media (width<=520px){.row{flex-direction:column}.item-main{flex-wrap:wrap}}.bar-warn{background:var(--danger)}.bar-indeterminate{background:linear-gradient(90deg, var(--border) 0%, var(--accent) 50%, var(--border) 100%);background-size:200% 100%;animation:1.4s linear infinite slide;width:100%!important}@keyframes slide{0%{background-position:100% 0}to{background-position:-100% 0}}.badge.queued{background:var(--border)}.badge.cancelled{background:var(--muted,#888);color:#fff}.badge.paused{color:#fff;background:#b08900}.bar-paused{background:#b08900}