.qr-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-areas:"content preview" "appearance preview"}.qr-content-panel{grid-area:content;container-type:inline-size}.qr-content-panel>.qr-panel-title{margin:0}.qr-appearance-panel{grid-area:appearance;container-type:inline-size}.qr-type-picker{min-width:0;margin:0;padding:0;border:0}.qr-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-2)}.qr-type-option{position:relative;cursor:pointer;min-width:0}.qr-type-tile{display:flex;align-items:center;justify-content:flex-start;gap:var(--ui-space-2);height:100%;min-height:2.75rem;padding:var(--ui-space-2) var(--ui-space-4) var(--ui-space-2) var(--ui-space-3);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-inset);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);line-height:1.3;text-align:left}.qr-type-tile>svg:first-child{width:1.125rem;height:1.125rem;flex:none}.qr-type-option:hover .qr-type-tile,.qr-type-option input:checked+.qr-type-tile{border-color:var(--ui-color-text);color:var(--ui-color-text)}.qr-type-option input:checked+.qr-type-tile{box-shadow:inset 0 0 0 1px currentColor}.qr-type-option input:focus-visible+.qr-type-tile{outline:2px solid var(--ui-color-text);outline-offset:3px}.qr-type-check{position:absolute;top:4px;right:4px;width:.875rem;height:.875rem;visibility:hidden}.qr-type-option input:checked+.qr-type-tile .qr-type-check{visibility:visible}.qr-content-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.qr-content-fields .ui-input{min-width:0}.qr-content-wide{grid-column:1 / -1}.qr-content-textarea{min-height:7rem}.qr-field-error{margin:0;font-size:var(--ui-font-size-xs);color:var(--ui-color-danger)}.qr-contact-heading h3{margin:0 0 var(--ui-space-1);font-size:var(--ui-font-size-md);font-weight:650}.qr-contact-name,.qr-contact-work-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.qr-contact-fields :is(.ui-input,.ui-textarea,.ui-button){min-height:2.75rem}.qr-contact-fields .ui-input[aria-invalid=true]{border-color:var(--ui-color-danger)}.qr-contact-textarea{min-height:0}.qr-contact-more{border-top:1px solid var(--ui-color-border)}.qr-contact-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding-block:var(--ui-space-4);list-style:none;cursor:pointer;border-radius:var(--ui-radius-sm)}.qr-contact-toggle::-webkit-details-marker{display:none}.qr-contact-toggle:hover{background:var(--ui-color-surface-hover)}.qr-contact-toggle:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:3px}.qr-contact-toggle .ui-hint{display:block;margin-top:var(--ui-space-1)}.qr-contact-toggle>svg{flex:none;color:var(--ui-color-text-muted)}.qr-contact-more[open]>.qr-contact-toggle>svg{transform:rotate(180deg)}.qr-contact-extra{padding-top:var(--ui-space-2)}.qr-contact-work,.qr-contact-websites{min-width:0;margin:0;padding:0;border:0}.qr-contact-website-row{display:flex;align-items:start;gap:var(--ui-space-2)}.qr-contact-website-row .ui-input{flex:1}.qr-contact-website-row .ui-icon-button{width:2.75rem;min-width:2.75rem}.qr-contact-add-website{margin-top:var(--ui-space-2)}@container (max-width: 400px){.qr-contact-name,.qr-contact-work-fields{grid-template-columns:minmax(0,1fr)}}.qr-workspace>.ui-panel{min-width:0}.qr-panel-title{margin:0 0 var(--ui-space-5);font-size:var(--ui-font-size-lg);font-weight:650}.qr-style-rows{margin-top:var(--ui-space-5)}.qr-style-section{border-top:1px solid var(--ui-color-border)}.qr-style-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) 1rem;align-items:center;gap:var(--ui-space-3);min-height:3.75rem;padding-block:var(--ui-space-3);list-style:none;cursor:pointer;border-radius:var(--ui-radius-sm)}.qr-style-toggle::-webkit-details-marker{display:none}.qr-style-toggle:hover{background:var(--ui-color-surface-hover)}.qr-style-toggle:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:3px}.qr-style-label{font-size:var(--ui-font-size-sm);font-weight:500}.qr-style-current{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-space-3);min-width:0}.qr-style-sample{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none}.qr-style-sample>:is(svg,img){display:block;width:100%;height:100%;object-fit:contain}.qr-style-value{color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-style-chevron{color:var(--ui-color-text-muted);transition:transform var(--ui-motion-fast)}.qr-style-section[open]>.qr-style-toggle .qr-style-chevron{transform:rotate(180deg)}.qr-style-options{padding:var(--ui-space-2) 0 var(--ui-space-5)}.qr-style-slider{display:grid;grid-template-columns:minmax(0,1fr) 3ch;align-items:center;gap:var(--ui-space-4);min-height:2rem}.qr-style-slider .ui-range{min-width:0;margin:0}.qr-style-slider output{font-size:var(--ui-font-size-sm);font-variant-numeric:tabular-nums;text-align:right}.qr-style-slider+.ui-hint{margin-top:var(--ui-space-2)}.qr-style-correction{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-2) var(--ui-space-3);border-top:1px solid var(--ui-color-border);padding-top:var(--ui-space-4)}.qr-style-correction .ui-label{font-weight:500}.qr-style-correction .ui-select{width:8rem}.qr-correction-select{position:relative;display:inline-flex;border-radius:var(--ui-radius-md)}.qr-correction-select:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:3px}.qr-correction-select[data-locked=true]{cursor:help}.qr-correction-select[data-locked=true] .ui-select{pointer-events:none}.qr-correction-tooltip{position:absolute;z-index:10;bottom:100%;right:0;width:min(16rem,calc(100vw - 5rem));padding:var(--ui-space-3);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-raised);box-shadow:var(--ui-shadow-md);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:1.5}.qr-shape-picker{min-width:0;margin:0;padding:0;border:0}.qr-shape-picker legend{padding:0;margin-bottom:var(--ui-space-2)}.qr-shape-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-2);padding:4px;margin:-4px}.qr-shape-option{position:relative;cursor:pointer;min-width:0}.qr-shape-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:4.5rem;height:100%;padding:var(--ui-space-3) var(--ui-space-1);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-inset);color:var(--ui-color-text-muted)}.qr-shape-tile>svg:first-child{width:2.5rem;height:2.5rem}.qr-shape-name{display:flex;align-items:center;justify-content:center;min-height:2.6em;font-size:var(--ui-font-size-xs);line-height:1.3;text-align:center}.qr-shape-option:hover .qr-shape-tile,.qr-shape-option input:checked+.qr-shape-tile{color:var(--ui-color-text);border-color:var(--ui-color-text)}.qr-shape-option input:checked+.qr-shape-tile{box-shadow:inset 0 0 0 1px currentColor}.qr-shape-option input:focus-visible+.qr-shape-tile{outline:2px solid var(--ui-color-text);outline-offset:3px}.qr-shape-check{position:absolute;top:3px;right:3px;width:.875rem;height:.875rem;visibility:hidden}.qr-shape-option input:checked+.qr-shape-tile .qr-shape-check{visibility:visible}@container (min-width: 500px){.qr-shape-choices{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (max-width: 380px){.qr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-type-option:last-child{grid-column:1 / -1}.qr-appearance-panel .qr-colors{grid-template-columns:minmax(0,1fr) auto}.qr-colors>.ui-field{grid-column:1}.qr-colors .qr-swap{grid-column:2;grid-row:1 / 3;align-self:center;margin:0;transform:rotate(90deg)}.qr-style-correction{column-gap:var(--ui-space-2)}.qr-style-correction .ui-select{width:6.75rem}.qr-style-correction .qr-label-with-help{gap:0}}.qr-label-with-help{display:flex;align-items:center;min-height:1.5rem}.qr-label-with-help{gap:var(--ui-space-1)}.qr-help{position:relative;display:inline-flex}.qr-info-button{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ui-color-text-muted);cursor:pointer}.qr-info-button:hover,.qr-info-button[aria-expanded=true]{color:var(--ui-color-text);background:var(--ui-color-surface-inset)}.qr-help-popover{position:absolute;z-index:10;top:100%;right:0;width:min(18rem,calc(100vw - 4rem));padding:var(--ui-space-3);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-raised);box-shadow:var(--ui-shadow-md);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);line-height:1.5}.qr-colors{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--ui-space-3)}.qr-color-value{min-width:0;padding-inline:var(--ui-space-2);font-family:var(--ui-font-mono);font-size:var(--ui-font-size-xs)}.qr-swap{margin-bottom:.25rem}.qr-preview-panel{grid-area:preview;position:sticky;top:6rem;align-items:center}.qr-preview-frame{position:relative;width:360px;max-width:100%;aspect-ratio:1;flex:none;background:transparent}.qr-preview-frame[data-empty=true]{border:1px dashed var(--ui-color-border);background:var(--ui-color-surface-inset)}.qr-preview-image{display:block;width:100%;height:100%;object-fit:contain}.qr-placeholder{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:var(--ui-space-5);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);text-align:center}.qr-quality{width:100%;max-width:360px}.qr-quality-slider{display:block;height:1.75rem;margin:0;cursor:pointer}.qr-quality-scale{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:var(--ui-space-2);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-xs);white-space:nowrap}.qr-quality-scale output{color:var(--ui-color-text);font-weight:600;font-variant-numeric:tabular-nums}.qr-quality-scale>:last-child{text-align:right}.qr-download-row{display:flex;align-items:center;justify-content:center;gap:var(--ui-space-2);flex-wrap:wrap}.qr-safeguards{width:100%;display:grid;gap:var(--ui-space-1);text-align:left}.qr-safeguards p{margin:0}.qr-warning-reason{font-weight:600}.qr-download-format{width:auto}.qr-export-buttons{display:flex;align-items:center;gap:var(--ui-space-2)}.qr-export-buttons .ui-button{padding-inline:var(--ui-space-3)}.qr-copy-label{display:grid}.qr-copy-label>span{grid-area:1 / 1}.qr-export-buttons .ui-button:active:not(:disabled){transform:none}@media (max-width: 760px){.qr-workspace{grid-template-columns:minmax(0,1fr)}.qr-preview-panel{position:static}.qr-workspace{grid-template-areas:"content" "preview" "appearance"}.qr-help-popover{right:auto;left:-9rem}}@media (max-width: 520px){.qr-content-fields{grid-template-columns:minmax(0,1fr)}.qr-type-tile{font-size:var(--ui-font-size-xs)}}.qr-logo-controls{padding-top:var(--ui-space-3)}.qr-logo-presets{display:flex;flex-wrap:wrap;gap:var(--ui-space-2)}.qr-logo-presets [aria-pressed=true]{border-color:var(--ui-color-text);box-shadow:inset 0 0 0 1px var(--ui-color-text)}.qr-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-logo-reset{align-self:flex-start}@media (max-width: 520px){.qr-logo-grid{grid-template-columns:minmax(0,1fr)}}.qr-me-banner[data-astro-cid-zdzm5jde]{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:32px;padding:24px;border:1px solid var(--ui-color-border);border-radius:12px;background:var(--ui-color-surface);color:var(--ui-color-text)}.qr-me-banner__icon[data-astro-cid-zdzm5jde]{display:block;border-radius:12px}.qr-me-banner__copy[data-astro-cid-zdzm5jde] h2[data-astro-cid-zdzm5jde]{margin:0 0 8px;font-size:18px;line-height:1.35}.qr-me-banner__copy[data-astro-cid-zdzm5jde] p[data-astro-cid-zdzm5jde]{margin:0;font-size:14px;color:var(--ui-color-text-muted)}.qr-me-banner__action[data-astro-cid-zdzm5jde]{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-me-banner__platforms[data-astro-cid-zdzm5jde]{font-size:12px;color:var(--ui-color-text-muted)}@media (max-width: 760px){.qr-me-banner[data-astro-cid-zdzm5jde]{grid-template-columns:64px 1fr;gap:16px;padding:20px}.qr-me-banner__copy[data-astro-cid-zdzm5jde]{display:contents}.qr-me-banner__copy[data-astro-cid-zdzm5jde] h2[data-astro-cid-zdzm5jde]{margin:0}.qr-me-banner__copy[data-astro-cid-zdzm5jde] p[data-astro-cid-zdzm5jde],.qr-me-banner__action[data-astro-cid-zdzm5jde]{grid-column:1 / -1}.qr-me-banner__action[data-astro-cid-zdzm5jde]{align-items:flex-start}}.qr-page[data-astro-cid-l3ozbhwu]{display:flex;flex-direction:column;min-height:85vh;justify-content:space-between}