#qr-workspace .qr-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:24px; align-items:start; }
#qr-workspace label { display:block; font-size:.9rem; margin:12px 0 6px; }
#qr-workspace input:not([type=file]), #qr-workspace textarea, #qr-workspace select { width:100%; min-width:0; padding:10px; border:1px solid #c9bba6; border-radius:8px; background:#fffefa; color:var(--ink); font:inherit; }
#qr-workspace textarea { resize:vertical; }
#qr-workspace input[type=range] { padding:0; accent-color:var(--accent); }
#qr-workspace .qr-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(165px,1fr)); gap:12px; }
#qr-workspace .qr-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:14px 0; }
#qr-workspace .qr-help { color:var(--muted); font-size:.875rem; line-height:1.6; }
#qr-workspace .qr-card { padding:18px; border:1px solid var(--line); border-radius:12px; background:#fcf8f1; text-align:center; }
#qr-preview { display:block; width:100%; height:auto; image-rendering:pixelated; margin:auto; }
#qr-encoded { overflow-wrap:anywhere; font-size:.85rem; user-select:all; }
#qr-image-preview { display:block; max-width:100%; height:auto; margin:16px auto; border:1px solid var(--line); }
#qr-workspace .qr-image-options { margin-top:22px; padding-top:16px; border-top:1px solid var(--line); }
#qr-workspace summary { cursor:pointer; font-weight:650; }
#qr-workspace .result-card { margin-top:14px; }
#qr-workspace [hidden] { display:none !important; }
@media(max-width:850px) { #qr-workspace .qr-layout { grid-template-columns:1fr; } #qr-workspace .qr-card { max-width:330px; width:100%; margin:auto; } }