body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; background: #f6f7f9; }
.container { max-width: 920px; margin: 24px auto; padding: 0 16px; }
h1 { margin: 0 0 16px; }
.card { background: white; border-radius: 12px; padding: 16px; box-shadow: 0 2px 10px rgba(0,0,0,.06); margin-bottom: 16px; }
label { display: block; margin-top: 12px; font-weight: 600; }
input, textarea { width: 100%; margin-top: 6px; padding: 10px; border-radius: 10px; border: 1px solid #d9dde3; font-family: inherit; font-size: 14px; }
button { padding: 10px 14px; border-radius: 10px; border: 1px solid #d9dde3; background: #fff; cursor: pointer; }
button:disabled { opacity: .5; cursor: not-allowed; }
.row { display: flex; gap: 10px; margin-top: 12px; }
.output { background: #0b1020; color: #e8eaf0; padding: 12px; border-radius: 10px; overflow: auto; margin-top: 12px; }
.muted { color: #667085; }