:root{--bg:#0b0c10;--card:#111317;--text:#e8e9ed;--muted:#9aa0a6;--accent:#5aa9e6}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.container{max-width:1000px;margin:36px auto;padding:0 16px}
h1{margin:0 0 12px}
.muted{color:var(--muted)}
.card{background:var(--card);border:1px solid #1f232b;border-radius:12px;padding:18px;margin-top:14px}
label{display:block;margin-bottom:6px}
input[type=url]{width:100%;padding:12px 14px;background:#0f1116;border:1px solid #2a2f3a;border-radius:8px;color:var(--text)}
.actions{margin-top:10px;display:flex;gap:8px;align-items:center}
button{background:var(--accent);color:#0a0a0a;border:0;padding:10px 14px;border-radius:8px;cursor:pointer}
button[disabled]{opacity:.6;cursor:not-allowed}
.err{color:#ff8a8a;margin-top:8px}
pre{white-space:pre-wrap;word-wrap:break-word}
.toolbar{display:flex;justify-content:flex-end;margin-bottom:8px;gap:8px}
.hidden{display:none}
@media print{body{background:#fff;color:#000}.actions,.err,.muted,.toolbar{display:none}.card{border:none}}