:root{color-scheme:dark;--bg:#111827;--panel:#f9fafb;--text:#111827;--muted:#4b5563;--border:#d1d5db;--danger:#dc2626;--accent:#111827}*{box-sizing:border-box}body{margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.panel{width:min(100%,720px);display:grid;grid-gap:18px;gap:18px;padding:24px;color:var(--text);background:var(--panel);border-radius:8px;box-shadow:0 24px 80px rgb(0 0 0/.28)}.heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.heading h1{margin:0;font-size:24px;line-height:1.2}.field span,.heading span,.m3u8,.meta{color:var(--muted);font-size:13px}.field{display:grid;grid-gap:8px;gap:8px}.field input{width:100%;min-height:42px;padding:8px 12px;color:var(--text);background:white;border:1px solid var(--border);border-radius:8px}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button{min-height:40px;padding:8px 16px;color:white;background:var(--accent);border:1px solid var(--accent);border-radius:8px}.actions button.secondary{color:var(--accent);background:transparent}.actions button:disabled{opacity:.5}.details{display:grid;grid-gap:8px;gap:8px}.progress{height:8px;overflow:hidden;background:#e5e7eb;border-radius:999px}.progress div{height:100%;background:var(--accent);transition:width .16s ease}.meta{display:flex;justify-content:space-between;gap:12px}.error,.m3u8{margin:0;overflow-wrap:anywhere}.error{color:var(--danger);font-size:14px}@media (max-width:560px){.page{align-items:start;padding:16px}.panel{padding:18px}.heading{display:grid}}