:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #0d1523; color: #e6edf5; }
body { margin: 0; padding: 32px 16px; }
.console { max-width: 850px; margin: auto; }
.panel { padding: clamp(20px, 5vw, 42px); background: #162235; border: 1px solid #2c405d; border-radius: 18px; display: flex; flex-wrap: wrap; gap: 14px; }
h1 { font-size: clamp(24px, 4vw, 36px); margin: 0; width: 100%; }
p, pre, textarea { flex-basis: 100%; margin: 0; line-height: 1.6; }
input, select, button, textarea { font: inherit; color: inherit; border: 1px solid #456080; border-radius: 7px; padding: 10px; background: #111c2d; box-sizing: border-box; }
button { cursor: pointer; background: #164d72; }
button:hover { background: #21668f; }
button:disabled { opacity: .5; cursor: wait; }
label { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
a { color: #7ed6f4; }
pre { background: #0c1422; padding: 12px; border-radius: 8px; font-size: 12px; overflow: auto; }
img { max-width: 220px; background: white; padding: 10px; }
[hidden] { display: none !important; }