.skip-link { position:absolute;left:16px;top:-100px;z-index:50;background:var(--cream);color:var(--ink);padding:10px; }
.skip-link:focus { top:8px; }
.hero { padding:36px 0 24px; }.eyebrow { color:var(--gold);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px; }
h1 { font-size:clamp(2rem,5vw,3.25rem); }.subtitle { margin-top:10px; }
.qr-workspace { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start; }
.qr-editor,.qr-result { min-width:0; }.qr-editor h2,.qr-result h2 { margin-bottom:20px; }
#qr-form label { display:block;font-weight:600;margin:15px 0 6px; }#qr-form select,#qr-form input:not([type="checkbox"]),#content { width:100%;min-width:0; }
#content { resize:vertical;font-size:16px; }#qr-form input:not([type="checkbox"]) { background:var(--bg);color:var(--cream);border:1px solid var(--border);border-radius:5px;padding:10px;font:inherit; }
#wifi-fields { border:0;padding:0;margin:18px 0; }#wifi-fields legend { color:var(--gold);font-weight:600; }
#qr-form .inline-choice { display:flex;gap:10px;align-items:center;font-weight:400; }.qr-settings { margin:20px 0; }.qr-settings summary { cursor:pointer;color:var(--gold); }.settings-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.qr-preview { background:#fff;color:#43504c;min-height:270px;border-radius:8px;display:grid;place-items:center;padding:12px;text-align:center; }
.qr-preview img { display:block;max-width:100%;width:340px;height:auto;image-rendering:pixelated; }.qr-preview [hidden] { display:none; }
.qr-result .actions { margin:18px 0; }#summary { overflow-wrap:anywhere; }#encoded { white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;max-height:180px;overflow:auto; }.qr-about p { color:var(--muted); }
@media(max-width:760px){.qr-workspace { grid-template-columns:minmax(0,1fr); }.qr-preview img { width:300px; }}
@media print { body>*:not(main),main>.hero,.qr-editor,.qr-about,noscript,.no-print { display:none!important; }.qr-workspace { display:block; }.qr-result { display:block!important;background:white;color:black;border:0; }#preview { min-height:0;padding:0; }#preview img { width:70mm; }#summary { color:black; }.qr-result h2 { display:none; } }