body { font-family: Inter, system-ui, sans-serif; background: #0f172a; color: #e2e8f0; margin: 0; }
.container { max-width: 880px; margin: 24px auto; padding: 0 16px 32px; }
h1 { margin: 0 0 6px; }
.sub { color: #94a3b8; margin-bottom: 20px; }
.card { background: #111827; border: 1px solid #1f2937; border-radius: 12px; padding: 14px; margin-bottom: 14px; }
label { display: block; margin: 8px 0; font-size: 14px; }
input, select, button { margin-top: 4px; border-radius: 8px; border: 1px solid #334155; background: #0b1220; color: #e2e8f0; padding: 8px; }
input, select { width: 100%; }
button { cursor: pointer; width: auto; }
button:hover { border-color: #64748b; }
pre { white-space: pre-wrap; background: #020617; padding: 10px; border-radius: 10px; border: 1px solid #1e293b; min-height: 54px; }
audio { width: 100%; margin-top: 8px; }
.row { display: flex; gap: 8px; flex-wrap: wrap; }