.qr-code-generator-page{--qr-steel: #6f9aab;--qr-steel-hi: #8fb6c5;--qr-steel-soft: rgba(111, 154, 171, .14);--qr-steel-line: rgba(127, 156, 170, .3);--qr-frame-width: 1080px;--qr-deck: #141b21;--qr-deck-raised: #1a232b;--qr-input-bg: #0f151a;--qr-border: rgba(120, 145, 160, .18);--qr-ink: #e6edf2;--qr-ink-soft: #c3d0d8;--qr-ink-muted: #8a9aa4;--qr-chip-bg: #10171d;--qr-chip-active-bg: var(--qr-steel);--qr-chip-active-ink: #0a1014;--qr-textarea-border: rgba(120, 145, 160, .28);--qr-stage: #f4f6f7}.qr-code-generator-page .tool-frame{width:100%;max-width:var(--qr-frame-width);margin-inline:auto;padding-inline:clamp(.25rem,1vw,.6rem)}.qr-code-generator-page .tool-header-block{max-width:52ch;padding-inline:.2rem}.qr-code-generator-page .page-title{max-width:none;font-size:clamp(2.4rem,3.5vw,3rem);line-height:.97}.qr-code-generator-page .page-subtitle{max-width:46ch;font-size:clamp(1rem,1.3vw,1.1rem)}.qr-meta-line{margin:.4rem 0 0;font-size:var(--text-sm);color:var(--qr-ink-muted);letter-spacing:.01em}.qr-bench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:1.25rem;align-items:start}.qr-col{display:flex;flex-direction:column;gap:.75rem;min-width:0}.qr-col--preview{width:clamp(220px,30vw,340px);flex-shrink:0}.qr-panel{padding:1.1rem 1.2rem;border:1px solid var(--qr-border);border-radius:18px;background:var(--qr-deck-raised)}.qr-panel__header{margin-bottom:.65rem}.qr-panel__eyebrow{margin:0 0 .2rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--qr-steel)}.qr-panel__hint{margin:0;color:var(--qr-ink-soft);font-size:var(--text-sm);max-width:34ch}.qr-textarea{display:block;width:100%;box-sizing:border-box;min-height:9rem;padding:.75rem .9rem;background:var(--qr-input-bg);border:1px solid var(--qr-textarea-border);border-radius:12px;color:var(--qr-ink);font-family:inherit;font-size:.95rem;line-height:1.55;resize:vertical;outline:none;transition:border-color .18s}.qr-textarea:focus{border-color:var(--qr-steel);box-shadow:0 0 0 2px var(--qr-steel-soft)}.qr-char-counter{margin:.3rem 0 0;font-size:.78rem;color:var(--qr-ink-muted);text-align:right}.qr-char-counter.qr-char-counter--warn{color:#f59e0b}.qr-char-counter.qr-char-counter--over{color:#f87171}.qr-controls{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1.1rem;border:1px solid var(--qr-border);border-radius:14px;background:var(--qr-deck-raised)}.qr-control-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.qr-control-label{font-size:.78rem;font-weight:600;color:var(--qr-ink-soft);min-width:5rem;flex-shrink:0}.qr-chip-group{display:flex;gap:.35rem;flex-wrap:wrap}.qr-chip{padding:.28rem .65rem;min-height:0;font-size:.82rem;font-weight:600;font-family:var(--font-mono, monospace);background:var(--qr-chip-bg);border:1px solid var(--qr-border);border-radius:7px;color:var(--qr-ink-soft);cursor:pointer;transition:background .14s,border-color .14s,color .14s;letter-spacing:.02em}.qr-chip:hover{background:var(--qr-steel-soft);border-color:var(--qr-steel);color:var(--qr-steel-hi)}.qr-chip--active,.qr-chip[aria-pressed=true]{background:var(--qr-chip-active-bg);border-color:var(--qr-steel-hi);color:var(--qr-chip-active-ink)}.qr-chip:focus-visible{outline:2px solid var(--qr-steel);outline-offset:2px}.qr-code-generator-page .qr-chip{min-height:0}.qr-inline-hint{margin:0;font-size:.8rem;color:#f59e0b;line-height:1.4}.qr-presets{display:flex;flex-wrap:wrap;gap:.5rem}.qr-presets .button{font-size:.85rem;padding-block:.4rem;min-height:0}.qr-code-generator-page .qr-presets .button{min-height:0}.qr-preview-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;border-radius:10px;padding:1.6rem;background:var(--qr-deck);border:1px solid var(--qr-border);box-shadow:inset 0 2px 5px #00000059;overflow:hidden}.qr-preview-panel:before{content:"";position:absolute;inset:14px;border-radius:4px;pointer-events:none;background:linear-gradient(var(--qr-steel),var(--qr-steel)) top left,linear-gradient(var(--qr-steel),var(--qr-steel)) top left,linear-gradient(var(--qr-steel),var(--qr-steel)) top right,linear-gradient(var(--qr-steel),var(--qr-steel)) top right,linear-gradient(var(--qr-steel),var(--qr-steel)) bottom left,linear-gradient(var(--qr-steel),var(--qr-steel)) bottom left,linear-gradient(var(--qr-steel),var(--qr-steel)) bottom right,linear-gradient(var(--qr-steel),var(--qr-steel)) bottom right;background-repeat:no-repeat;background-size:22px 2px,2px 22px,22px 2px,2px 22px,22px 2px,2px 22px,22px 2px,2px 22px;opacity:.65}.qr-canvas{display:block;border-radius:4px;max-width:100%;height:auto;background:var(--qr-stage);padding:6px;box-shadow:0 1px 3px #0006}.qr-canvas:not([hidden]){display:block}@keyframes qr-reveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.qr-canvas.qr-reveal{animation:qr-reveal .2s ease-out both}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:200px;height:200px}.qr-placeholder__grid{width:120px;height:120px;opacity:.28;background-image:repeating-linear-gradient(0deg,var(--qr-steel-line) 0px,var(--qr-steel-line) 7px,transparent 7px,transparent 16px),repeating-linear-gradient(90deg,var(--qr-steel-line) 0px,var(--qr-steel-line) 7px,transparent 7px,transparent 16px);border-radius:4px}.qr-placeholder__hint{margin:0;font-size:.82rem;color:var(--qr-ink-muted);text-align:center;max-width:18ch;line-height:1.45}.qr-error{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.2rem;margin:auto;max-width:32ch;border:1px solid rgba(248,113,113,.45);border-radius:14px;background:#f8717114;color:#fecaca;text-align:left}.qr-error[hidden]{display:none}.qr-error__title{margin:0;font-size:.92rem;font-weight:600;color:#fecaca;letter-spacing:.02em}.qr-error__body{margin:0;font-size:.84rem;line-height:1.5;color:#fecacad9}.qr-error .mono{font-family:var(--qr-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);color:#fecaca;font-weight:600}.qr-density-chip{margin:0;padding:.28rem .75rem;border:1px solid var(--qr-steel-line);border-radius:6px;font-size:.78rem;font-family:var(--font-mono, monospace);color:var(--qr-steel-hi);background:var(--qr-steel-soft);text-align:center;letter-spacing:.04em;align-self:center}.qr-density-chip:not([hidden]){display:block}.qr-actions{display:flex;gap:.5rem;flex-wrap:wrap}.qr-actions .button{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;min-width:0}.qr-btn-icon{width:15px;height:15px;flex-shrink:0}.qr-code-generator-page .button-primary{background:var(--qr-steel);border-color:var(--qr-steel);color:#0a1014}.qr-code-generator-page .button-primary:hover{background:var(--qr-steel-hi);border-color:var(--qr-steel-hi)}.qr-code-generator-page .button-primary:focus-visible{outline:2px solid var(--qr-steel-hi);outline-offset:3px}.qr-code-generator-page .button-secondary:focus-visible{outline:2px solid var(--qr-steel);outline-offset:3px}.qr-feedback-slot{margin:0;min-height:1.2em;font-size:.85rem;color:var(--qr-ink-soft);text-align:center;transition:opacity .2s}.qr-feedback-slot[data-tone=success]{color:#34d399}.qr-feedback-slot[data-tone=warn]{color:#f59e0b}.qr-feedback-slot[data-tone=error]{color:#f87171}.qr-code-generator-page .qr-trademark-note{font-size:.8rem;color:var(--qr-ink-muted);border-top:1px solid var(--qr-border);padding-top:.85rem;margin-top:.4rem}.qr-code-generator-page .tool-discovery__faq-a,.qr-code-generator-page .tool-discovery__card .card-text{overflow-wrap:anywhere;word-break:break-word}@media(max-width:720px){.qr-bench{grid-template-columns:1fr}.qr-col--preview{width:100%}.qr-preview-panel{min-height:220px}.qr-code-generator-page .page-title{font-size:2.1rem}.qr-code-generator-page .page-subtitle{font-size:.97rem}.qr-control-label{min-width:4rem}.qr-code-generator-page .qr-chip{padding:.35rem .6rem;min-width:44px;min-height:44px}.qr-code-generator-page .qr-presets .button{min-height:44px}}@media(max-width:480px){.qr-control-row{flex-direction:column;align-items:flex-start;gap:.35rem}.qr-control-label{min-width:auto}}