.qr-page{--border:#d9d7de;--panel:#f5f4f7;--accent:#162e64;--accent-contrast:#fff;--muted:#6f6b78;--canvas:#fff;--warning:#c22f2f;max-width:80rem;margin:0 auto;padding:2rem 1rem 4rem}@media (prefers-color-scheme:dark){.qr-page{--border:#3a3841;--panel:#201f24;--accent:#fb713c;--accent-contrast:#041b55;--muted:#a09caa;--canvas:#2a2930;--warning:#ef8080}}.qr-section{min-width:0;margin-top:2rem}.qr-section h2{margin:0 0 .75rem;font-size:1.1rem}.qr-hint{color:var(--muted);margin:0 0 .75rem;font-size:.85rem;line-height:1.6}.qr-modes{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.qr-mode{border:1px solid var(--border);background:var(--canvas);color:inherit;cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-size:.9rem}.qr-mode-on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.qr-fields{flex-direction:column;gap:.9rem;display:flex}.qr-fields-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.9rem;display:grid}.qr-field,.qr-field-control{flex-direction:column;gap:.3rem;min-width:0;display:flex}.qr-field-label{font-size:.85rem;font-weight:600}.qr-field-hint{color:var(--muted);font-size:.8rem;line-height:1.6}.qr-field-control input,.qr-field-control select,.qr-field-control textarea,.qr-bulk-input{box-sizing:border-box;border:1px solid var(--border);background:var(--canvas);width:100%;color:inherit;font:inherit;border-radius:.5rem;padding:.55rem .7rem;font-size:.95rem}.qr-field-control textarea,.qr-bulk-input{resize:vertical;line-height:1.6}.qr-check{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.qr-note{background:var(--panel);color:var(--muted);border-radius:.5rem;margin:0;padding:.7rem .9rem;font-size:.82rem;line-height:1.7}.qr-options{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:start;gap:1rem;display:grid}.qr-restored{color:var(--muted);margin:0 0 .75rem;font-size:.82rem}.qr-result{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.qr-preview{aspect-ratio:1;border:1px solid var(--border);background:var(--canvas);box-sizing:border-box;border-radius:.75rem;flex:none;justify-content:center;align-items:center;width:min(16rem,100%);padding:.75rem;display:flex}.qr-preview-image,.qr-preview-image svg{width:100%;max-width:100%;height:auto;display:block}.qr-empty{color:var(--muted);text-align:center;margin:0;font-size:.85rem;line-height:1.7}.qr-actions{flex-direction:column;flex:16rem;align-items:flex-start;gap:.7rem;display:flex}.qr-size{flex-direction:column;gap:.2rem;margin:0;font-size:.85rem;display:flex}.qr-btn{border:1px solid var(--border);background:var(--canvas);color:inherit;font:inherit;cursor:pointer;border-radius:.5rem;padding:.6rem 1.2rem;font-size:.95rem}.qr-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.qr-btn:disabled{opacity:.5;cursor:not-allowed}.qr-bulk-count{color:var(--muted);margin:.6rem 0;font-size:.85rem}.qr-warning{color:var(--warning);margin:.4rem 0 0;font-size:.85rem;line-height:1.6}.qr-trademark{color:var(--muted);margin:2.5rem 0 0;font-size:.78rem}.qr-subheading{margin:1.5rem 0 .75rem;font-size:.95rem}.qr-logo{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.qr-logo-choose input[type=file]{opacity:0;block-size:1px;inline-size:1px;position:absolute}.qr-logo-choose{cursor:pointer;display:inline-block;position:relative}.qr-logo-preview{object-fit:contain;border:1px solid var(--border);background:var(--canvas);box-sizing:border-box;border-radius:.5rem;block-size:3rem;inline-size:3rem;padding:.25rem}.qr-text-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:.6rem;padding:0;font-size:.85rem;text-decoration:underline;display:inline-block}.qr-text-btn:hover{color:inherit}.qr-color-row{align-items:center;gap:.5rem;display:flex}.qr-color-picker{border:1px solid var(--border);background:var(--canvas);cursor:pointer;border-radius:.5rem;flex:none;block-size:2.6rem;inline-size:3rem;padding:.2rem}.qr-color-text{box-sizing:border-box;border:1px solid var(--border);background:var(--canvas);min-inline-size:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;border-radius:.5rem;flex:auto;padding:.55rem .7rem;font-size:.95rem}.qr-color-text[aria-invalid=true]{border-color:var(--warning)}