:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:#0f1117;color:#e6e8ee}.app{max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 4rem}h1{margin:0;font-size:2.5rem;letter-spacing:-.02em}.subtitle{margin:.25rem 0 2rem;color:#9aa3b2}.card{background:#171a23;border:1px solid #262b38;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.card h2{margin-top:0;font-size:1.1rem}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}label{font-size:.8rem;color:#9aa3b2}input{padding:.5rem .7rem;border-radius:8px;border:1px solid #2c3242;background:#0f1117;color:inherit;font-size:.95rem}.actions{display:flex;gap:.75rem;margin-top:.5rem}button{padding:.5rem 1rem;border-radius:8px;border:1px solid #3a415a;background:#2f6bff;color:#fff;font-size:.9rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.result{background:#0f1117;border:1px solid #262b38;border-radius:8px;padding:.75rem;overflow-x:auto}.ok{color:#3ddc84}.error{color:#ff6b6b}.muted{color:#9aa3b2}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}