.qr-page{--qr-panel: var(--haze-50);--qr-control: var(--haze-0)}.qr-page__heading{padding:var(--space-7) 0 var(--space-8);border-bottom:var(--bw-rule) solid var(--rule)}.qr-page__heading h1{margin-bottom:var(--space-3)}.qr-page__heading .lede{max-width:48ch;margin-bottom:0}.qr-back{display:inline-block;margin-bottom:var(--space-6);color:var(--fg-muted);font-size:var(--fs-sm);text-decoration:none}.qr-back:hover{color:var(--accent)}.qr-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:var(--space-7);align-items:start;padding:var(--space-7) 0 var(--space-9)}.qr-controls{display:grid;gap:var(--space-5)}.qr-control-group{border:var(--bw-hair) solid var(--rule-faint);background:var(--qr-control);padding:var(--space-6);min-width:0}.qr-control-group legend{padding:0 var(--space-3);margin-left:calc(var(--space-3) * -1);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:500;line-height:var(--lh-snug)}.qr-control-group legend>span{margin-right:var(--space-3);color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide)}.qr-control-group legend small{margin-left:var(--space-2);color:var(--fg-quiet);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase}.qr-field label{display:block;margin-bottom:var(--space-2);color:var(--fg-muted);font-size:var(--fs-sm);font-weight:600}.qr-field input[type=text],.qr-field select{width:100%;min-height:48px;border:var(--bw-hair) solid var(--rule-soft);border-radius:var(--radius-2);background:var(--haze-0);color:var(--fg);padding:var(--space-3) var(--space-4);font:inherit}.qr-field input[type=text]:focus,.qr-field select:focus{border-color:var(--focus-ring)}.qr-help,.qr-error,.qr-warning{margin:var(--space-2) 0 0;font-size:var(--fs-sm);line-height:var(--lh-normal)}.qr-help{color:var(--fg-quiet)}.qr-error,.qr-warning{color:var(--pindan-700)}.qr-error:empty,.qr-warning:empty{display:none}.qr-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.qr-choice{position:relative;min-width:0;cursor:pointer}.qr-choice input{position:absolute;opacity:0;pointer-events:none}.qr-choice>span:last-child{display:block;color:var(--fg-muted);font-size:var(--fs-xs);font-weight:600;text-align:center}.qr-choice__sample{display:block;width:100%;height:68px;margin-bottom:var(--space-2);border:var(--bw-hair) solid var(--rule-faint);border-radius:var(--radius-2);background-color:var(--bg);background-position:center;background-size:34px 34px}.qr-choice__sample--square{background-image:linear-gradient(90deg,var(--ink-900) 40%,transparent 40% 60%,var(--ink-900) 60%),linear-gradient(var(--ink-900) 40%,transparent 40% 60%,var(--ink-900) 60%)}.qr-choice__sample--rounded{background-image:radial-gradient(circle at center,var(--ink-900) 46%,transparent 48%);background-size:19px 19px}.qr-choice__sample--dots{background-image:radial-gradient(circle at center,var(--ink-900) 31%,transparent 34%);background-size:16px 16px}.qr-choice__sample--classy{background-image:radial-gradient(circle at 30% 30%,var(--ink-900) 0 23%,transparent 25%),radial-gradient(circle at 70% 70%,var(--ink-900) 0 28%,transparent 30%);background-size:25px 25px}.qr-choice input:checked+.qr-choice__sample{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.qr-choice input:focus-visible+.qr-choice__sample{outline:2px solid var(--focus-ring);outline-offset:3px}.qr-colour-grid,.qr-two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.qr-colour{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-2)}.qr-colour input[type=color]{width:48px;height:48px;padding:3px;border:var(--bw-hair) solid var(--rule-soft);border-radius:var(--radius-2);background:var(--haze-0);cursor:pointer}.qr-colour input[type=text]{min-width:0;font-family:var(--font-mono);font-size:var(--fs-sm);text-transform:uppercase}.qr-upload{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.qr-upload input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.qr-upload__button,.qr-secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:var(--bw-hair) solid var(--rule);border-radius:var(--radius-2);background:transparent;color:var(--fg);padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--fs-sm);font-weight:600;text-decoration:none;cursor:pointer}.qr-upload__button:hover,.qr-secondary-button:hover{background:var(--bg-sunken)}.qr-upload input[type=file]:focus-visible+.qr-upload__button{outline:2px solid var(--focus-ring);outline-offset:2px}#logo-name{max-width:28ch;overflow:hidden;color:var(--fg-quiet);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.qr-text-button{border:0;background:transparent;color:var(--accent);padding:var(--space-2) 0;font:inherit;font-size:var(--fs-sm);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.qr-preview-panel{position:sticky;top:var(--space-5);border:var(--bw-rule) solid var(--rule);background:var(--qr-panel);padding:var(--space-5)}.qr-preview-panel__topline{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.qr-preview-panel__topline span:last-child{color:var(--pindan-700);text-align:right}.qr-preview{display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border:var(--bw-hair) solid var(--rule-faint);background:linear-gradient(45deg,var(--haze-200) 25%,transparent 25%),linear-gradient(-45deg,var(--haze-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--haze-200) 75%),linear-gradient(-45deg,transparent 75%,var(--haze-200) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.qr-preview canvas,.qr-preview svg{display:block;width:100%;height:auto;max-width:100%;max-height:100%}.qr-status{min-height:1.5em;margin:var(--space-3) 0 var(--space-4);color:var(--fg-muted);font-size:var(--fs-sm);text-align:center}.qr-downloads{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.qr-downloads .btn-primary,.qr-downloads .qr-secondary-button{justify-content:center;min-height:48px}.qr-downloads .qr-text-button{grid-column:1 / -1;justify-self:center}.qr-preview-panel__note{margin:var(--space-4) 0 0;color:var(--fg-quiet);font-size:var(--fs-xs);line-height:var(--lh-normal);text-align:center}@media(max-width:900px){.qr-workspace{grid-template-columns:1fr}.qr-preview-panel{position:static;grid-row:1;max-width:560px;width:100%;margin:0 auto}}@media(max-width:560px){.qr-page__heading{padding:var(--space-6) 0 var(--space-7)}.qr-workspace{padding-top:var(--space-5);gap:var(--space-5)}.qr-control-group,.qr-preview-panel{padding:var(--space-5)}.qr-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-colour-grid,.qr-two-up,.qr-downloads{grid-template-columns:1fr}.qr-downloads .qr-text-button{grid-column:auto}}