* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; padding: 0; background: #0b0b0d; color: #f5f5f7; }
.container { max-width: 880px; margin: 40px auto; padding: 24px; background: #141418; border-radius: 16px; }
h1 { margin-top: 0; font-size: 28px; }
.field { margin-bottom: 16px; }
label { display: block; margin-bottom: 6px; color: #c9cad1; }
input, select, button { width: 100%; padding: 12px; border-radius: 10px; border: 1px solid #2a2a32; background: #1b1b22; color: #f5f5f7; }
button { cursor: pointer; background: #4f46e5; border: none; font-weight: 600; }
button:hover { opacity: 0.95; }
.result { margin-top: 24px; }
.result.hidden { display: none; }
#resultImg { max-width: 100%; border-radius: 12px; border: 1px solid #2a2a32; }
.hint { color: #a3a3ad; font-size: 13px; }