.qr-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}.qr-presets-label{font-size:.86rem;font-weight:700;color:var(--ink-3)}.qr-chip{font:inherit;font-size:.86rem;font-weight:700;line-height:1.4;color:var(--teal-800);background:var(--surface);border:1.5px solid var(--teal-100);border-radius:999px;padding:6px 13px;cursor:pointer;transition:background .15s,border-color .15s}.qr-chip:hover{background:var(--teal-50)}.qr-chip[aria-pressed=true]{border-color:var(--gold);background:var(--gold-100);color:var(--ink)}@media(max-width:560px){.qr-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-presets-label{grid-column:1/-1}.qr-chip{padding:7px 8px;font-size:.84rem}}.qr-layout [hidden]{display:none!important}.qr-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);grid-template-areas:"input" "out" "design"}.qr-input{grid-area:input;min-width:0}.qr-out{grid-area:out;min-width:0}.qr-design{grid-area:design;min-width:0}@media(min-width:800px){.qr-layout{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"input out" "design out";column-gap:28px;align-items:start}.qr-out{position:sticky;top:82px}}.tool-card .seg.qr-types{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;border-radius:18px;gap:3px}.tool-card .seg.qr-types button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 7px;border-radius:14px;font-size:.82rem;line-height:1.3;flex:none;min-width:0}.qr-types svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:560px){.tool-card .seg.qr-types{grid-template-columns:repeat(12,minmax(0,1fr))}.tool-card .seg.qr-types button{grid-column:span 3}.tool-card .seg.qr-types button:nth-child(n+5){grid-column:span 4}}.qr-panel{margin-top:16px}.qr-panel[hidden]{display:none}.qr-panel.fields{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.qr-span{grid-column:1/-1}.qr-input .field textarea.qr-short{min-height:92px}.qr-preset-hint{margin:14px 0 0}.qr-preset-hint a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.qr-hidden-field{justify-content:flex-end}.qr-hidden-field .check{min-height:46px}.qr-input .err,.qr-input .note{margin-top:12px}.qr-pass{position:relative}.qr-pass input{padding-inline-end:76px!important}.qr-eye{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);font:inherit;font-size:.8rem;font-weight:700;color:var(--teal-800);background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--r-sm);padding:5px 10px;cursor:pointer}.qr-eye[aria-pressed=true]{background:var(--gold-100);border-color:var(--gold)}.qr-result{margin-top:0;padding:14px}.qr-stage{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px;width:100%;max-width:280px;margin:0 auto}.qr-stage svg{display:block;width:100%;height:auto}.qr-result .result-empty{text-align:center;font-size:.9rem;margin-top:12px}.qr-check{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;font-weight:700;line-height:1.55;border-radius:var(--r-sm);padding:8px 11px;margin:12px 0 0}.qr-check[hidden]{display:none}.qr-check:before{content:"";flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;background:currentColor;-webkit-mask:var(--qr-ico) center/contain no-repeat;mask:var(--qr-ico) center/contain no-repeat}.qr-check[data-state=ok],.qr-check[data-state=caution]{--qr-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm3.4 5.1L7 9.5 4.6 7.1 3.5 8.2 7 11.7l5.5-5.5z'/%3E%3C/svg%3E");background:#ecf6f0;color:#1c6a3f;border:1px solid #cfe8d8}.qr-check[data-state=caution]{background:#fffaf2;color:#7a4e1d;border-color:var(--gold-100)}.qr-check[data-state=warn]{--qr-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm-.9 3.5.2 6h1.4l.2-6zM8 10.8a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");background:#fdf3f2;color:#9b2e21;border:1px solid #f3d3cf}.qr-check[data-state=na],.qr-check[data-state=pending]{--qr-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm-.8 6.5v6h1.6v-6zM8 3.3a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");background:var(--teal-50);color:var(--ink-2);border:1px solid var(--teal-100);font-weight:500}.qr-meta{font-size:.8rem;color:var(--ink-3);text-align:center;margin:10px 0 0}.qr-dl{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.qr-dl-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-dl-btns .btn{padding:11px 10px}.qr-dl #share-img{justify-self:stretch}.qr-payload{margin-top:12px;font-size:.84rem}.qr-payload summary{cursor:pointer;color:var(--teal-800);font-weight:700}.qr-payload code{display:block;margin-top:8px;padding:9px 11px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);font-size:.8rem;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--ink-2)}.qr-out .result-actions{justify-content:center;gap:6px}.qr-out .result-actions .btn-sm{padding:8px 11px;font-size:.84rem}.qr-dense{font-size:.8rem;color:var(--ink-2);background:#fffaf2;border:1px solid var(--gold-100);border-radius:var(--r-sm);padding:6px 10px;margin:8px 0 0;text-align:center}.qr-dense[hidden]{display:none}.qr-design{border-top:1px dashed var(--line);padding-top:16px}.qr-design>h2{font-size:1.02rem;color:var(--teal-800);margin:0 0 12px}.qr-colors{display:grid;gap:12px 14px;grid-template-columns:1fr 1fr}.qr-color{display:flex;align-items:center;gap:10px}.qr-color input[type=color]{inline-size:52px;block-size:40px;padding:3px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;flex:none}.qr-color code{font-size:.85rem;color:var(--ink-2)}.qr-swatches{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.qr-swatches>span{font-size:.82rem;color:var(--ink-3);margin-inline-end:2px}.qr-sw{inline-size:30px;block-size:30px;border-radius:50%;background:var(--c);border:2px solid #fff;cursor:pointer;box-shadow:0 0 0 1.5px var(--line);flex:none}.qr-sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--gold)}.qr-reset{font:inherit;font-size:.82rem;color:var(--teal-600);background:none;border:0;padding:2px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;margin-inline-start:auto}.qr-reset[hidden]{display:none}.qr-contrast{font-size:.86rem;border-radius:var(--r-sm);padding:8px 12px;margin:12px 0 0;border:1px solid var(--teal-100);background:var(--teal-50);color:var(--ink-2)}.qr-contrast[data-level=low]{background:#fffaf2;border-color:var(--gold-100);color:var(--ink-2)}.qr-contrast[data-level=bad]{background:#fdf3f2;border-color:#f3d3cf;color:#9b2e21}.qr-design-fields{margin-top:16px}.tool-card .seg.qr-ecc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.tool-card .seg.qr-ecc button{flex:none;padding:7px 4px}.qr-ecc small{font-weight:500;font-size:.75rem;opacity:.85}.qr-ecc button:disabled{opacity:.4;cursor:not-allowed}.qr-design input[type=range]{width:100%;accent-color:var(--teal);min-height:28px}.qr-design output{color:var(--teal-800)}.qr-logo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qr-file-input{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden}.qr-file{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--teal-800);cursor:pointer;border:1.5px dashed var(--teal-400);background:var(--teal-50);border-radius:var(--r);padding:10px 14px;min-height:46px;max-width:100%;overflow:hidden}.qr-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-file svg{inline-size:20px;block-size:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qr-file:hover{background:var(--teal-100)}.qr-file-input:focus-visible+.qr-file{outline:2px solid var(--gold);outline-offset:2px}#logo-thumb{inline-size:40px;block-size:40px;object-fit:contain;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}#logo-thumb[hidden],#logo-rm[hidden]{display:none}@media(pointer:coarse){.qr-swatches{gap:10px}.qr-swatches>span{flex-basis:100%}.qr-sw{inline-size:40px;block-size:40px}.qr-design input[type=range]{min-height:44px}.qr-reset{padding:10px 6px}.qr-eye{padding:8px 12px}}@media print{.skip,.tool-hero,.qr-presets,.qr-input,.qr-design,.qr-check,.qr-meta,.qr-dense,.qr-dl,.qr-payload{display:none!important}.qr-layout{display:block}.qr-out{position:static}.qr-result{border:0;background:none;padding:0}.qr-stage{border:0;padding:0;max-width:none;width:9cm}}