body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#0b0f14; color:#e8eef5; margin:0; }
.wrap { max-width: 980px; margin: 32px auto; padding: 0 16px; }
h1 { margin: 0 0 18px; font-size: 28px; }
h2 { margin: 0 0 12px; font-size: 18px; }
.card { background:#111826; border:1px solid #1f2a3a; border-radius: 12px; padding: 16px; margin: 14px 0; }
label { display:block; margin: 10px 0 6px; font-size: 13px; color:#b7c7d8; }
input, textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 10px; border: 1px solid #243247; background:#0b0f14; color:#e8eef5; }
textarea { min-height: 96px; resize: vertical; }
button { margin-top: 12px; padding: 10px 12px; border-radius: 10px; border: 1px solid #2a3b55; background:#1c2a3f; color:#e8eef5; cursor:pointer; }
button:hover { background:#22324b; }
.out { background:#0b0f14; border:1px solid #243247; border-radius:10px; padding:12px; overflow:auto; min-height: 72px; }
.muted { color:#b7c7d8; font-size: 13px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; }
pre { white-space: pre-wrap; }