:root{--bg:#0f172a;--card:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--ok:#4ade80;--warn:#fbbf24}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:820px;margin:2rem auto;padding:0 1rem}h1{margin-bottom:.25rem}.subtitle{color:var(--muted);margin-top:0}.card{background:var(--card);border-radius:12px;margin:1rem 0;padding:1rem;box-shadow:0 10px 30px #00000040}label{margin:.75rem 0 .25rem;font-weight:600;display:block}textarea,input[type=file]{width:100%;color:var(--text);background:#0b1220;border:1px solid #334155;border-radius:8px;padding:.6rem}.row{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}button{background:var(--accent);color:#00131f;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1rem;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.status{font-weight:700}.mode{color:var(--muted);font-size:.9rem}pre{white-space:pre-wrap;word-break:break-word;background:#0b1220;border-radius:8px;min-height:120px;padding:.75rem}.ok{color:var(--ok)}.warn{color:var(--warn)}body{background:radial-gradient(at 70% 0,#203b62 0%,#0f172a 60%)}main{max-width:900px}h1{letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.3rem);line-height:1.12}.card{border:1px solid #34465f;border-radius:18px;padding:1.5rem}button.example{color:#e2e8f0;background:#30445e;border:1px solid #5a7897;font-size:.86rem}button.example:hover{background:#3b5776}textarea:focus{outline-offset:2px;outline:2px solid #38bdf8}@media (width<=600px){main{margin:1rem auto}.card{padding:1rem}}