:root{
  color-scheme:dark;
  --bg:#05070b;
  --panel:#0b1018;
  --line:#1d2a39;
  --text:#eef4ff;
  --muted:#8e9bab;
  --accent:#68a9ff;
  --accent2:#2c6cff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 50% 15%,#11223a 0,#05070b 45%);color:var(--text);min-height:100vh}
.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 18px;position:relative;overflow:hidden}
.brand{position:absolute;top:28px;left:30px;letter-spacing:.25em;font-size:13px;font-weight:800;color:#d8e6ff}
.orb{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#17345d 0,transparent 64%);filter:blur(8px);opacity:.5;pointer-events:none}
.card{position:relative;width:min(720px,100%);background:linear-gradient(180deg,rgba(13,19,29,.95),rgba(8,12,18,.96));border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:0 30px 100px rgba(0,0,0,.45);backdrop-filter:blur(14px)}
.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--accent);font-weight:800;margin-bottom:12px}
h1{font-size:clamp(34px,7vw,60px);line-height:1;margin:0 0 14px;letter-spacing:-.045em}
.sub{color:var(--muted);margin:0 0 32px;font-size:17px}
label{display:block;font-size:13px;color:#bcc8d8;margin:0 0 9px}
.input-row{display:flex;gap:10px}
input{flex:1;min-width:0;background:#070c13;border:1px solid #27384b;color:var(--text);border-radius:13px;padding:15px 16px;font-size:15px;outline:none}
input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(104,169,255,.12)}
button,.download{border:0;border-radius:13px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:white;padding:0 23px;font-weight:800;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:52px;text-decoration:none;white-space:nowrap}
button:disabled{opacity:.55;cursor:wait}
.status{margin-top:18px;border:1px solid #213246;background:#0a111b;border-radius:13px;padding:14px 15px;color:#c9d5e5;font-size:14px}
.status.error{border-color:#6a2932;color:#ffbfc7;background:#1a0b0f}
.download{margin-top:14px;width:100%}
.hidden{display:none}
.notice{margin:26px 0 0;color:#6e7d8e;font-size:12px;line-height:1.5}
footer{position:absolute;bottom:22px;color:#4e5c6a;font-size:11px;letter-spacing:.18em}
@media (max-width:640px){
  .card{padding:26px 20px}
  .input-row{flex-direction:column}
  button{width:100%}
  .brand{left:18px}
}


.quality-control{margin-top:17px}
.quality-control select{
  display:block;width:100%;appearance:auto;background:#070c13;border:1px solid #27384b;
  color:var(--text);border-radius:13px;padding:14px 16px;font-size:15px;outline:none
}
.quality-control select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(104,169,255,.12)}
.quality-help{color:#728194;font-size:12px;line-height:1.5;margin:8px 1px 0}