.pg-qr-maker .qk-tool{--qk-pad: clamp(20px, 2.4vw, 32px);display:grid;gap:clamp(20px,2.4vw,32px)}.pg-qr-maker .qk-main{display:grid;gap:clamp(20px,2.4vw,32px);align-items:start}@media(min-width:1000px){.pg-qr-maker .qk-main{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"content stage" "look stage"}.pg-qr-maker .qk-content{grid-area:content}.pg-qr-maker .qk-look{grid-area:look}.pg-qr-maker .qk-stage{grid-area:stage;position:sticky;top:96px}}.pg-qr-maker .qk-tabs{display:flex;gap:8px;margin:-6px calc(var(--qk-pad) * -1);padding:6px var(--qk-pad);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--qk-pad);scrollbar-width:none}.pg-qr-maker .qk-tabs::-webkit-scrollbar{display:none}.pg-qr-maker .qk-tab{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:var(--fog);color:var(--ink);font:600 16px / 1 var(--font-label);scroll-snap-align:start;cursor:pointer;transition-property:background-color,color,transform;transition-duration:.15s,.15s,.16s;transition-timing-function:ease,ease,var(--ease-press)}.pg-qr-maker .qk-tab[aria-selected=true]{background:var(--ink);color:var(--white)}.pg-qr-maker .qk-tab:active{transform:scale(var(--press-scale))}.pg-qr-maker .qk-tab:focus-visible,.pg-qr-maker .qk-file:focus-within,.pg-qr-maker .qk-custom:focus-within{outline:3px solid var(--cobalt);outline-offset:2px}@media(hover:hover)and (pointer:fine){.pg-qr-maker .qk-tab[aria-selected=false]:hover{background:#0000001a}}.pg-qr-maker .qk-panel{display:grid;gap:20px}.pg-qr-maker .qk-panel.is-switched{animation:qk-panel-in .16s var(--ease-out)}@keyframes qk-panel-in{0%{opacity:0;transform:translateY(4px)}}.pg-qr-maker .qk-content .tk-note+.tk-note{margin-top:-12px;padding-top:0;box-shadow:none}.pg-qr-maker .qk-callout{margin:0;padding:14px 16px;border-radius:14px;background:var(--fog);color:var(--stone);font-size:var(--text-small);line-height:1.45;text-wrap:pretty}.pg-qr-maker .qk-choice{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}.pg-qr-maker .qk-choice>legend,.pg-qr-maker .qk-legend{float:left;width:100%;margin:0 0 10px;padding:0;font:600 15px / 1.2 var(--font-label)}.pg-qr-maker .qk-choice>legend+*{clear:both}.pg-qr-maker .qk-segments{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:18px;background:var(--fog)}.pg-qr-maker .qk-segment{position:relative;display:block}.pg-qr-maker .qk-segment input,.pg-qr-maker .qk-check input,.pg-qr-maker .qk-file input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pg-qr-maker .qk-segment span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:6px 4px;border-radius:14px;font:600 14px / 1.15 var(--font-label);text-align:center;transition-property:background-color,box-shadow,transform;transition-duration:.15s,.15s,.16s;transition-timing-function:ease,ease,var(--ease-press)}.pg-qr-maker .qk-segment input:checked+span{background:var(--white);box-shadow:0 0 0 1.5px var(--ink)}.pg-qr-maker .qk-segment input:active+span{transform:scale(var(--press-scale))}.pg-qr-maker .qk-segment input:focus-visible+span{outline:3px solid var(--cobalt);outline-offset:2px}@media(hover:hover)and (pointer:fine){.pg-qr-maker .qk-segment input:not(:checked):hover+span{background:#0000000f}}@media(max-width:380px){.pg-qr-maker .qk-segment span{font-size:12px}}.pg-qr-maker .qk-check{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;font:500 16px / 1.2 var(--font-text)}.pg-qr-maker .qk-box{position:relative;flex:none;width:26px;height:26px;border-radius:8px;background:var(--white);box-shadow:inset 0 0 0 1.5px var(--ink);transition:background-color .15s ease}.pg-qr-maker .qk-box:after{content:"";position:absolute;left:8px;top:4px;width:6px;height:12px;border:solid var(--white);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(.6);opacity:0;transition:opacity .12s ease,transform .16s var(--ease-out)}.pg-qr-maker .qk-check input:checked~.qk-box{background:var(--ink)}.pg-qr-maker .qk-check input:checked~.qk-box:after{opacity:1;transform:rotate(45deg) scale(1)}.pg-qr-maker .qk-check input:focus-visible~.qk-box{outline:3px solid var(--cobalt);outline-offset:2px}.pg-qr-maker .qk-look{gap:24px}.pg-qr-maker .qk-mini{display:flex;align-items:center;gap:16px}.pg-qr-maker .qk-mini-code{flex:none;width:72px;height:72px;border-radius:10px;box-shadow:0 0 0 1px #0000001a}.pg-qr-maker .qk-mini>div{display:grid;gap:6px;min-width:0}@media(max-width:999px){.pg-qr-maker .qk-mini{position:sticky;top:88px;z-index:2;margin:calc(var(--qk-pad) * -1) calc(var(--qk-pad) * -1) 0;padding:12px var(--qk-pad);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--white);box-shadow:0 1px 0 var(--line-light)}}@media(min-width:1000px){.pg-qr-maker .qk-mini-code,.pg-qr-maker .qk-mini .qk-verdict{display:none}}.pg-qr-maker .qk-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-inline:-6px}.pg-qr-maker .qk-swatch{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:14px;background:none;cursor:pointer;transition:transform .16s var(--ease-press)}.pg-qr-maker .qk-swatch:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:10px;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000024}.pg-qr-maker .qk-swatch[aria-pressed=true]:before{outline:2px solid var(--ink);outline-offset:2px}.pg-qr-maker .qk-swatch:active{transform:scale(var(--press-scale))}.pg-qr-maker .qk-swatch:focus-visible{outline:3px solid var(--cobalt);outline-offset:0}.pg-qr-maker .qk-custom{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-left:6px;padding:0 14px 0 6px;border-radius:var(--radius-pill);background:var(--fog);cursor:pointer}.pg-qr-maker .qk-custom input{width:32px;height:32px;padding:0;border:0;border-radius:10px;background:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.pg-qr-maker .qk-custom input::-webkit-color-swatch-wrapper{padding:0}.pg-qr-maker .qk-custom input::-webkit-color-swatch{border:0;border-radius:10px;box-shadow:inset 0 0 0 1px #00000024}.pg-qr-maker .qk-custom input::-moz-color-swatch{border:0;border-radius:10px}.pg-qr-maker .qk-hex{font:600 13px / 1 var(--tk-mono);font-variant-numeric:tabular-nums}.pg-qr-maker .qk-file{position:relative;display:inline-flex;align-items:center;justify-self:start;min-height:44px;padding:0 20px;border-radius:var(--radius-pill);background:var(--white);box-shadow:inset 0 0 0 1.5px var(--ink);font:600 15px / 1 var(--font-label);transition:transform .16s var(--ease-press),background-color .15s ease}.pg-qr-maker .qk-file:active{transform:scale(var(--press-scale))}@media(hover:hover)and (pointer:fine){.pg-qr-maker .qk-file:hover{background:var(--fog)}}.pg-qr-maker .qk-logo-row{display:flex;align-items:center;gap:12px}.pg-qr-maker .qk-logo-thumb{flex:none;object-fit:contain;border-radius:10px;background:var(--fog);outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.pg-qr-maker .qk-logo-name{flex:1;min-width:0;overflow:hidden;font:500 15px / 1.2 var(--font-text);text-overflow:ellipsis;white-space:nowrap}.pg-qr-maker .qk-remove{min-height:44px;padding:0 4px;border:0;background:none;color:inherit;font:600 15px / 1.2 var(--font-label);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:pointer}.pg-qr-maker .qk-remove:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.pg-qr-maker .qk-verdict{display:flex;align-items:center;gap:8px;margin:0;font:700 15px / 1.25 var(--font-label)}.pg-qr-maker .qk-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 1.5px currentColor}.pg-qr-maker .qk-verdict.is-warn .qk-dot{background:var(--tangerine)}.pg-qr-maker .qk-verdict.is-bad .qk-dot{background:var(--pink)}.pg-qr-maker .qk-stage{gap:20px;align-content:start}.pg-qr-maker .qk-find{display:grid;justify-items:center;gap:18px;margin:0}.pg-qr-maker .qk-viewfinder{--inset: clamp(8px, 2.6%, 14px);--arm: clamp(22px, 7.5%, 34px);position:relative;display:grid;place-items:center;width:min(100%,440px);aspect-ratio:1;padding:calc(var(--inset) + var(--arm) + 4px);border-radius:20px;background:var(--ink)}.pg-qr-maker .qk-corner{position:absolute;width:var(--arm);height:var(--arm);border:0 solid var(--lime)}.pg-qr-maker .qk-corner.is-tl{top:var(--inset);left:var(--inset);border-width:3px 0 0 3px;border-top-left-radius:12px}.pg-qr-maker .qk-corner.is-tr{top:var(--inset);right:var(--inset);border-width:3px 3px 0 0;border-top-right-radius:12px}.pg-qr-maker .qk-corner.is-bl{bottom:var(--inset);left:var(--inset);border-width:0 0 3px 3px;border-bottom-left-radius:12px}.pg-qr-maker .qk-corner.is-br{bottom:var(--inset);right:var(--inset);border-width:0 3px 3px 0;border-bottom-right-radius:12px}.pg-qr-maker .qk-sheet{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;line-height:0;transition:opacity .15s ease}.pg-qr-maker .qk-sheet svg{display:block;width:100%;height:100%}.pg-qr-maker .qk-sheet[data-phase=real] svg{animation:qk-code-in .24s var(--ease-out)}@keyframes qk-code-in{0%{opacity:0;transform:translateY(6px)}}.pg-qr-maker .qk-find.is-invalid .qk-sheet{opacity:.4}.pg-qr-maker .qk-opens{min-height:2.5em;margin:0;color:var(--white);font:700 clamp(18px,1.9vw,24px) / 1.25 var(--font-display);text-align:center;text-wrap:balance;overflow-wrap:anywhere}.pg-qr-maker .qk-opens b{color:var(--lime);font-weight:inherit}.pg-qr-maker .qk-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding-top:16px;box-shadow:inset 0 1px 0 var(--line-dark)}.pg-qr-maker .qk-facts dt{color:var(--ash);font:600 var(--text-label) / 1 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.pg-qr-maker .qk-facts dd{margin:8px 0 0;font:700 clamp(18px,1.6vw,22px) / 1.15 var(--font-display);font-variant-numeric:tabular-nums}.pg-qr-maker .qk-save{display:grid;gap:12px;padding-top:16px;box-shadow:inset 0 1px 0 var(--line-dark)}.pg-qr-maker .qk-files{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:520px){.pg-qr-maker .qk-files{grid-template-columns:repeat(2,minmax(0,1fr))}}.pg-qr-maker .qk-file-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 12px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--white);box-shadow:inset 0 0 0 1.5px var(--ash);font:700 15px / 1 var(--font-label);cursor:pointer;transition-property:background-color,color,transform,opacity;transition-duration:.15s,.15s,.16s,.15s;transition-timing-function:ease,ease,var(--ease-press),ease}.pg-qr-maker .qk-file-button span{font-weight:500;font-variant-numeric:tabular-nums;opacity:.75}.pg-qr-maker .qk-file-button.is-main{background:var(--lime);color:var(--ink);box-shadow:none}.pg-qr-maker .qk-file-button:active:not(:disabled){transform:scale(var(--press-scale))}.pg-qr-maker .qk-file-button:disabled{opacity:.4;cursor:default}.pg-qr-maker .qk-file-button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}@media(hover:hover)and (pointer:fine){.pg-qr-maker .qk-file-button:not(.is-main):not(:disabled):hover{background:var(--ink-3)}}.pg-qr-maker .qk-save-hint{margin:0;color:var(--ash);font-size:var(--text-small);line-height:1.4}.pg-qr-maker .qk-read{display:grid;gap:12px;padding-top:16px;box-shadow:inset 0 1px 0 var(--line-dark)}.pg-qr-maker .qk-problems,.pg-qr-maker .qk-passed ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.pg-qr-maker .qk-problems li{padding:12px 14px;border-radius:14px;background:var(--ink-3);box-shadow:inset 0 0 0 1.5px var(--tangerine);font-size:var(--text-small);line-height:1.45;text-wrap:pretty}.pg-qr-maker .qk-problems li.is-bad{box-shadow:inset 0 0 0 1.5px var(--pink)}.pg-qr-maker .qk-passed summary{display:flex;align-items:center;min-height:44px;color:var(--ash);font:600 14px / 1.2 var(--font-label);cursor:pointer}.pg-qr-maker .qk-passed summary::-webkit-details-marker{display:none}.pg-qr-maker .qk-passed summary:after{content:"";width:7px;height:7px;margin:-3px 0 0 10px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .16s var(--ease-out)}.pg-qr-maker .qk-passed[open] summary:after{margin-top:3px;transform:rotate(-135deg)}.pg-qr-maker .qk-passed summary:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.pg-qr-maker .qk-passed li{color:var(--ash);font-size:var(--text-small);line-height:1.45}.pg-qr-maker .qk-proof{margin:0;padding-top:16px;box-shadow:inset 0 1px 0 var(--line-dark);color:var(--ash);font-size:var(--text-small);line-height:1.45;text-wrap:pretty}.pg-qr-maker .qk-print{gap:0}.pg-qr-maker .qk-caption{width:100%;max-width:520px}@media(min-width:700px){.pg-qr-maker .qk-print .tk-print{grid-template-columns:minmax(0,1fr) minmax(0,300px)}.pg-qr-maker .qk-print .tk-print-preview{width:min(100%,300px)}}.tk-print-card.qk-card:not(.is-sticker){grid-template-rows:auto 1fr}.tk-print-card.qk-card:not(.is-sticker) .tk-print-codes.is-1{padding-inline:12cqw}.tk-print-card.qk-card .tk-print-title{padding-bottom:0}.tk-print-card.qk-card .tk-print-qr svg{border-radius:2cqw}@media(prefers-reduced-motion:reduce){.pg-qr-maker .qk-panel.is-switched,.pg-qr-maker .qk-sheet[data-phase=real] svg{animation:none}.pg-qr-maker .qk-box:after{transition:none}}.pg-tool.pg-qr-maker .qk-line{display:block;padding:10px 12px;border-radius:10px;background:var(--fog);font:500 14px / 1.45 var(--tk-mono);overflow-wrap:anywhere}.pg-tool.pg-qr-maker .tk-title.is-big{font-size:clamp(38px,5vw,72px)}.pg-tool.pg-qr-maker .tk-hero.surface-cobalt .qk-stage{background:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--ink-3)}