/* QR Studio layout, using the shared Flat Mono theme. */
.workspace { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:18px; margin-top:18px; align-items:start; }
.card { margin-bottom:0; min-width:0; }
.hint,.privacy p,.destination,.spec,footer,.format { color:var(--muted); font-size:.88rem; }
.hint { margin-top:8px; }
.field-row { max-width:none; }
.error:empty,.status:empty { display:none; }
.error { margin:0 0 16px; }
input[aria-invalid="true"] { border-color:var(--danger); }
.privacy { border-top:1px solid var(--border); padding-top:18px; margin-top:32px; }
.privacy strong { font-size:.88rem; font-weight:650; }
.privacy p { margin-top:6px; }
.preview { width:264px; max-width:100%; aspect-ratio:1; margin:24px auto 0; border:1px solid var(--border); background:var(--surface); display:grid; place-items:center; }
.preview canvas { display:block; width:100%; height:auto; }
#empty { padding:20px; text-align:center; }
#empty strong { display:block; font-size:1rem; font-weight:650; }
#empty p { color:var(--muted); font-size:.88rem; margin-top:8px; }
.destination { text-align:center; overflow-wrap:anywhere; margin:16px 0; }
.download { width:100%; gap:8px; }
.spec { text-align:center; margin-top:10px; }
.status { color:var(--success); font-size:.88rem; text-align:center; margin-top:12px; }
footer { margin-top:24px; padding-top:18px; border-top:1px solid var(--border); }
@media (max-width:760px) { .workspace { grid-template-columns:1fr; gap:16px; } .toolbar button { width:100%; } .preview { margin-top:18px; } }