.qr-generator{--qr-paper:#f5f5f2;--qr-ink:#242521;--qr-muted:#61625c;--qr-line:#c9cac4;color:var(--qr-ink);background:var(--qr-paper);font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;container-type:inline-size}.qr-generator *,.qr-standalone>header *{box-sizing:border-box}.qr-workspace{grid-template:"input output""settings output"1fr/minmax(280px,38%) minmax(0,1fr);display:grid}.qr-input-panel{border-right:1px solid var(--qr-line);grid-area:input;min-width:0;padding:28px 28px 24px}.qr-heading h1,.qr-heading h2{color:var(--qr-ink);letter-spacing:-1.1px;margin:0;font-family:inherit;font-size:30px;font-weight:500;line-height:1.1}.qr-heading p{color:var(--qr-muted);margin:10px 0 18px;font-size:14px}.qr-generator button{border:1px solid var(--qr-line);min-width:44px;min-height:44px;color:var(--qr-ink);box-shadow:none;font:inherit;cursor:pointer;background:0 0;border-radius:2px;padding:10px 14px}.qr-generator button:hover:not(:disabled){background:var(--qr-ink);color:#fff}.qr-generator button:disabled{opacity:.4;cursor:not-allowed}.qr-generator :focus-visible,.qr-standalone>header a:focus-visible{outline-offset:4px;outline:3px solid #242521}.qr-modes{border-bottom:1px solid var(--qr-line);gap:24px;margin-bottom:24px;display:flex}.qr-modes button{color:var(--qr-muted);border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:10px 0}.qr-modes button[aria-pressed=true]{color:var(--qr-ink);border-bottom-color:var(--qr-ink)}.qr-modes button:hover:not(:disabled){color:var(--qr-ink);background:0 0}.qr-generator label{margin:16px 0 8px;font-size:13px;font-weight:500;display:block}.qr-fields>label:first-child{margin-top:0}.qr-generator input,.qr-generator textarea,.qr-generator select{border:1px solid var(--qr-line);width:100%;min-width:0;min-height:48px;color:var(--qr-ink);font:inherit;box-shadow:none;background:#fff;border-radius:2px;padding:12px;font-size:16px;line-height:1.5;display:block}.qr-generator textarea{resize:vertical}.qr-generator textarea.qr-url-input{resize:none;white-space:pre;height:52px;overflow:auto}.qr-generator select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#61625c 50%),linear-gradient(135deg,#61625c 50%,#0000 50%);background-position:calc(100% - 17px) 22px,calc(100% - 12px) 22px;background-repeat:no-repeat;background-size:5px 5px;height:48px;padding-right:28px}.qr-help,.qr-warning{color:var(--qr-muted);margin:10px 0 0;font-size:13px;line-height:1.6}.qr-warning{padding-top:8px}.qr-password{gap:8px;display:flex}.qr-password input{flex:1}.qr-generator .qr-check{align-items:center;gap:10px;min-height:44px;margin:12px 0 0;display:flex}.qr-generator .qr-check input{width:44px;height:44px;min-height:44px;accent-color:var(--qr-ink);padding:0}.qr-export-panel{border-right:1px solid var(--qr-line);grid-area:settings;min-width:0;padding:4px 28px 24px}.qr-export-settings{border-top:1px solid var(--qr-line)}.qr-export-settings summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:4px 0;font-size:13px;list-style:none;display:flex}.qr-export-settings summary::-webkit-details-marker{display:none}.qr-export-settings summary span:after{content:"+";font-size:23px;font-weight:400;line-height:1}.qr-export-settings[open] summary span:after{content:"−"}.qr-options{grid-template-columns:1fr 1fr;gap:12px;padding:8px 0;display:grid}.qr-options label{margin-top:0}.qr-generator .qr-reset{text-underline-offset:4px;border:0;padding:10px 0;font-size:13px;text-decoration:underline}.qr-generator .qr-reset:hover:not(:disabled){color:#9d321f;background:0 0}.qr-output{flex-direction:column;grid-area:output;justify-content:center;align-items:center;min-width:0;padding:28px clamp(24px,5cqw,56px) 36px;display:flex}.qr-output-label{color:var(--qr-muted);letter-spacing:1.4px;text-transform:uppercase;align-self:flex-start;margin:0 0 22px;font-size:11px}.qr-preview{aspect-ratio:1;background:#fff;place-items:center;width:min(100%,370px);display:grid}.qr-preview canvas{width:100%;max-width:100%;height:auto;image-rendering:pixelated;display:block}.qr-preview canvas[hidden]{display:none}.qr-empty{color:var(--qr-muted);text-align:center;padding:24px}.qr-empty p{margin:0;font-size:14px;line-height:1.7}.qr-status{overflow-wrap:anywhere;max-width:370px;min-height:40px;color:var(--qr-muted);text-align:center;margin:16px 0;font-size:13px;line-height:1.5}.qr-downloads{gap:10px;width:min(100%,370px);display:flex}.qr-downloads button{white-space:nowrap;flex:1;min-height:48px;padding:10px 8px;font-size:14px}.qr-downloads button:first-child{background:var(--qr-ink);border-color:var(--qr-ink);color:#fff}.qr-downloads button:first-child:hover:not(:disabled){background:#484940;border-color:#484940}.qr-print-note{max-width:370px;color:var(--qr-muted);text-align:center;margin:14px 0 0;font-size:12px;line-height:1.5}.qr-footer{border-top:1px solid var(--qr-line);color:var(--qr-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:16px 28px;font-size:12px;display:flex}.qr-footer p{margin:0}.qr-standalone{color:#242521;background:#f5f5f2;min-height:100dvh;padding:0;font-family:Helvetica,Arial,sans-serif}.qr-standalone>header{border-bottom:1px solid #c9cac4;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:12px 40px;display:flex}.qr-standalone>header a{color:#242521;align-items:center;min-height:44px;font-size:13px;text-decoration:none;display:inline-flex}.qr-standalone>header a:hover{text-underline-offset:4px;text-decoration:underline}.qr-standalone>header .qr-brand{letter-spacing:-.6px;font-size:20px;font-weight:700}.qr-brand span{letter-spacing:0;color:#61625c;margin-left:18px;font-size:13px;font-weight:400}.qr-standalone>.qr-generator{max-width:1360px;margin:auto}.qr-standalone .qr-workspace{grid-template-columns:360px minmax(0,1fr);min-height:min(720px,100dvh - 130px)}.qr-standalone .qr-input-panel{padding-top:36px}@container (max-width:650px){.qr-workspace,.qr-standalone .qr-workspace{grid-template:"input""output""settings"/minmax(0,1fr);min-height:0}.qr-input-panel,.qr-standalone .qr-input-panel{border-right:0;padding:24px 20px}.qr-heading h1,.qr-heading h2{font-size:32px}.qr-export-panel{border-right:0;padding:0 20px 16px}.qr-output{border-top:1px solid var(--qr-line);padding:22px 20px 26px}.qr-output-label{margin-bottom:16px}.qr-preview{width:min(100%,280px)}.qr-status{min-height:0}.qr-footer{padding:16px 20px}}@media (max-width:600px){.qr-standalone>header{gap:14px;min-height:68px;padding:10px 20px}.qr-brand span{display:none}.qr-standalone>header a{font-size:12px}}