.qr-tool{width:min(calc(100% - 2 * var(--gutter)),1060px);margin:0 auto;padding:clamp(var(--space-9),6vw,var(--space-16)) 0 var(--space-16)}.qr-tool__header{max-width:760px;margin:0 auto var(--space-9);text-align:center}.qr-tool__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.qr-tool__header h1{margin:0;font-size:clamp(var(--text-2xl),4vw,var(--text-4xl))}.qr-tool__header p{max-width:62ch;margin:var(--space-4) auto 0;color:var(--color-text-muted);font-size:var(--text-lg)}.qr-tool__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;grid-gap:var(--space-6);gap:var(--space-6)}.qr-tool__form,.qr-tool__preview{display:grid;grid-gap:var(--space-5);gap:var(--space-5);min-width:0;padding:clamp(var(--space-5),4vw,var(--space-8));border:var(--card-border);border-radius:var(--card-radius);background:var(--color-surface-raised);box-shadow:var(--card-shadow)}.qr-tool__types{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;border:0}.qr-tool__types legend{width:100%;margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.qr-tool__types button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--btn-radius);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}.qr-tool__types button:hover{border-color:var(--color-accent)}.qr-tool__copy:active,.qr-tool__downloads button:active,.qr-tool__types button:active{transform:scale(var(--press-scale))}.qr-tool__types button.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.qr-tool__field{display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-width:0;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.qr-tool__field input,.qr-tool__field select,.qr-tool__field textarea{width:100%;min-height:var(--field-height);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--btn-radius);background:var(--color-surface-raised);color:var(--color-text);font:inherit}.qr-tool__field input::placeholder,.qr-tool__field textarea::placeholder{color:var(--color-text-muted);opacity:.8}.qr-tool__field textarea{min-height:calc(var(--space-20) + var(--space-6));resize:vertical}.qr-tool__check small,.qr-tool__field small{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.qr-tool__fields{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.qr-tool__fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-tool__check{display:flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.qr-tool__check input{flex:0 0 auto;width:var(--space-5-5);height:var(--space-5-5);margin:0;accent-color:var(--color-accent)}.qr-tool__check--card{align-items:flex-start;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-sunken)}.qr-tool__check--card>span{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.qr-tool__check--card strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.qr-tool__appearance{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.qr-tool__appearance summary{width:-moz-fit-content;width:fit-content;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.qr-tool__colors{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}.qr-tool__colors label{display:grid;grid-gap:var(--space-2);gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}.qr-tool__colors input{width:var(--control-height);height:var(--control-height);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);cursor:pointer}.qr-tool__colors button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-2);border:0;border-radius:var(--btn-radius);background:none;font:inherit;cursor:pointer}.qr-tool__colors button,.qr-tool__hint{color:var(--color-text-muted);font-size:var(--text-xs)}.qr-tool__hint{margin:0;line-height:var(--leading-normal)}.qr-tool__preview{position:-webkit-sticky;position:sticky;top:calc(var(--nav-height) + var(--space-5));justify-items:center;text-align:center}.qr-tool__qr{display:grid;place-items:center;width:min(100%,320px);min-height:320px;padding:var(--space-5);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--card-radius)}.qr-tool__qr--framed{align-content:center;gap:var(--space-4);padding:var(--space-5);border-color:var(--color-accent);box-shadow:inset 0 0 0 var(--space-1) var(--color-accent-soft)}.qr-tool__qr>svg{display:block;width:100%;max-width:280px;height:auto}.qr-tool__qr-caption{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2) 0;border-top:1px solid var(--color-border);color:var(--color-accent);text-align:left}.qr-tool__qr-caption>svg{flex:0 0 auto;width:var(--space-5-5);height:var(--space-5-5)}.qr-tool__qr-caption>span{display:grid;grid-gap:var(--space-1);gap:var(--space-1);min-width:0}.qr-tool__qr-caption strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.qr-tool__qr-caption small{color:var(--color-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.qr-tool__empty{display:grid;justify-items:center;grid-gap:var(--space-4);gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.qr-tool__preview-note{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-text-muted);font-size:var(--text-xs)}.qr-tool__preview-note svg{flex:0 0 auto;color:var(--color-accent)}.qr-tool__downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;grid-gap:var(--space-3);gap:var(--space-3)}.qr-tool__copy,.qr-tool__downloads button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--btn-radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}.qr-tool__downloads button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft)}.qr-tool__fallback-download{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--btn-radius);background:var(--color-accent-soft);color:var(--color-accent);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none}.qr-tool__fallback-download:hover{border-color:var(--color-accent)}.qr-tool__colors button:disabled,.qr-tool__copy:disabled,.qr-tool__downloads button:disabled{opacity:.5;cursor:not-allowed}.qr-tool__copy{width:100%;border-color:transparent;background:var(--gradient-accent);color:var(--color-on-accent)}.qr-tool__copy:hover:not(:disabled){filter:brightness(1.05)}.qr-tool :is(button,input,textarea,summary,.site-select__trigger):focus-visible{outline:none;box-shadow:var(--focus-ring)}.qr-tool .site-select__trigger:disabled{opacity:.55;cursor:not-allowed}.qr-tool__footnote{margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal);text-align:center}.qr-tool__footnote a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:var(--space-1)}@media (max-width:900px){.qr-tool{width:min(calc(100% - 2 * var(--gutter)),560px);padding-top:var(--space-8)}.qr-tool__header{margin-bottom:var(--space-6)}.qr-tool__header p{font-size:var(--text-base)}.qr-tool__layout{grid-template-columns:minmax(0,1fr)}.qr-tool__preview{position:static;order:-1}}@media (max-width:420px){.qr-tool__form,.qr-tool__preview{padding:var(--space-4)}.qr-tool__types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.qr-tool__types button{padding:0 var(--space-2)}.qr-tool__downloads,.qr-tool__fields--two{grid-template-columns:minmax(0,1fr)}.qr-tool__qr{min-height:280px}}