:root{--qr-green:#254333;--qr-line:#d7ddd5;--qr-muted:#687064}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--coral);outline-offset:4px}[hidden]{display:none!important}.intro-grid h1{font-size:clamp(3.7rem,7.4vw,6.4rem);letter-spacing:-.07em}h1 em{font-style:normal;color:var(--qr-green)}.intro-note{font-size:.7rem!important;margin-top:1rem;color:var(--qr-green)}.workspace{margin-bottom:3rem}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--qr-line);border-bottom:0}.mode-switch button{background:#f0f2eb;border:0;padding:1.2rem;text-align:left;font-size:1rem}.mode-switch button+button{border-left:1px solid var(--qr-line)}.mode-switch button[aria-pressed=true]{background:var(--qr-green);color:#fff}.mode-switch span{display:block;font-size:.68rem;margin-top:.35rem;opacity:.8}.workbench{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--qr-line);background:#fff}.editor-panel,.preview-panel{padding:clamp(1.3rem,3vw,2.5rem);min-width:0}.preview-panel{border-left:1px solid var(--qr-line);background:#f1f3ea}.eyebrow{font: .6rem/1.6 monospace;letter-spacing:.09em;color:var(--qr-muted);margin-bottom:.6rem}h2{font-size:1.75rem;font-weight:500;letter-spacing:-.05em;line-height:1.2}h3{font-size:1.15rem;font-weight:500}.editor-panel>h2{margin-bottom:1.5rem}label{display:block;font-size:.75rem;font-weight:600;margin:.9rem 0 .45rem}input:not([type=checkbox]):not([type=color]),textarea,select{display:block;width:100%;min-width:0;border:1px solid #bac3b6;border-radius:0;background:#fff;padding:.8rem .85rem;font-size:.82rem;color:#222321}textarea{resize:vertical;min-height:110px}input[readonly]{background:#f5f6f1;font-size:.73rem!important;text-overflow:ellipsis}.field-help{font-size:.66rem;line-height:1.7;color:var(--qr-muted);margin:.55rem 0 .9rem}.button-row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1rem}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--qr-green);border-radius:0;padding:.85rem 1.05rem;font-size:.72rem;font-weight:600;text-decoration:none;line-height:1.4}.primary-button{background:var(--qr-green);color:#fff}.secondary-button{background:transparent;color:var(--qr-green)}.text-button{border:0;background:transparent;color:var(--qr-green);padding:.6rem 0;font-size:.7rem;text-decoration:underline;text-underline-offset:4px}.primary-button:hover:not(:disabled){background:#152b20}.secondary-button:hover:not(:disabled){background:#e4e9da}.design-controls{border:0;border-top:1px solid var(--qr-line);margin:1.8rem 0 0;padding:1.2rem 0 0}.design-controls legend{font: .6rem/1.6 monospace;letter-spacing:.07em;padding-right:1rem}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}input[type=color]{width:100%;height:42px;border:1px solid #bac3b6;background:#fff;padding:.2rem}.qr-preview{background:#fff;border:1px solid var(--qr-line);margin:1.5rem 0 1rem;display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-width:380px;width:100%}.qr-preview img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.qr-preview>span{font-size:8rem;color:#cfdbc3}.preview-advice{font-size:.68rem;line-height:1.8;color:var(--qr-muted);margin-top:1rem;max-width:48ch}#status{font-size:.75rem;line-height:1.6;margin-top:1.25rem}#error,.notice{font-size:.75rem;line-height:1.7;color:#8a3327;background:#fff0eb;border:1px solid #d8a292;padding:.9rem;margin-top:1rem;overflow-wrap:anywhere}.server-note{font-size:.75rem;line-height:1.8;background:#f0f3e8;border-left:3px solid var(--qr-green);padding:1rem;margin-bottom:1rem}.check-label{display:flex;gap:.6rem;align-items:flex-start;font-size:.7rem;line-height:1.7;font-weight:400}.check-label input{margin-top:.25rem;accent-color:var(--qr-green)}.health{font-size:.65rem;color:var(--qr-muted);line-height:1.7;margin-top:1rem}.management,.restore-panel{border:1px solid var(--qr-line);padding:clamp(1.3rem,3vw,2.5rem);margin-top:1.5rem;background:#fff}.manage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.counter{display:flex;flex-direction:column;align-items:flex-end}.counter strong{font-size:2.5rem;font-weight:500;letter-spacing:-.05em;color:var(--qr-green)}.counter>span{font-size:.65rem;color:var(--qr-muted)}.recovery-box{background:#fff5e9;border:1px solid #e4ceb1;padding:1.3rem;margin-top:1.5rem}.recovery-box p,.restore-panel>p{font-size:.75rem;line-height:1.8;margin:.7rem 0;max-width:80ch}.file-button{width:fit-content;cursor:pointer;margin-top:1rem}.file-button input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-button:focus-within{outline:2px solid var(--coral);outline-offset:4px}.tool-guide p{line-height:1.8}.license-note{font-size:.62rem;margin-top:1.5rem;color:var(--qr-muted)}.site-footer>p{max-width:37ch;font-size:.65rem!important;line-height:1.7!important}#saved-panel{border-top:1px solid var(--qr-line);padding-top:1rem;margin-top:1rem}@media(max-width:800px){.workbench{grid-template-columns:1fr}.preview-panel{border-left:0;border-top:1px solid var(--qr-line)}.qr-preview{max-width:350px;margin-inline:auto}.preview-panel>h2,.preview-panel>.eyebrow{text-align:center}.preview-panel>.button-row{justify-content:center}.manage-heading{gap:1rem}.mode-switch span{font-size:.61rem}.management h2{font-size:1.5rem}.counter strong{font-size:2rem}}@media(max-width:480px){.page-frame{padding-inline:1rem}.intro-grid h1{font-size:3.7rem}.mode-switch button{padding:1rem .7rem;font-size:.83rem}.mode-switch span{font-size:.57rem;line-height:1.6}.design-grid{gap:0 .7rem}.editor-panel,.preview-panel,.management,.restore-panel{padding:1.15rem}.manage-heading{flex-direction:column}.counter{align-items:flex-start}.button-row{gap:.6rem}.primary-button,.secondary-button{padding:.8rem .8rem;font-size:.68rem}.recovery-box{padding:1rem}.qr-preview{max-width:100%}}