.qrg-privacy{margin-bottom:.4rem}.qrg-layout{grid-template-columns:minmax(0,1fr);gap:1.4rem;min-width:0;margin-top:.4rem;display:grid}.qrg-layout>*,.qrg-main,.qrg-aside{min-width:0}.qrg-aside{align-content:start;gap:.9rem;display:grid}@media (max-width:979px){.qrg-aside{display:contents}.qrg-stage,.qrg-stats,.qrg-fill{order:-1}.qrg-card{order:1}}@media (min-width:980px){.qrg-layout{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:start}.qrg-aside{scrollbar-width:thin;order:0;max-height:calc(100vh - 6.5rem);padding-right:2px;position:sticky;top:5.5rem;overflow-y:auto}}.qrg-pills{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.qrg-pill{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;min-width:0;padding:.42rem .8rem;font-size:13.5px;line-height:1.3;transition:border-color .18s,background .18s;display:inline-flex;position:relative}.qrg-pill:hover{border-color:color-mix(in srgb, var(--ink) 35%, var(--line))}.qrg-pill input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.qrg-pill:has(input:checked){border-color:var(--ink);background:color-mix(in srgb, var(--primary) 30%, var(--card));font-weight:600}.qrg-pill:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.qrg-pillset:disabled .qrg-pill{opacity:.5;cursor:not-allowed}.qrg-pillset+.qrg-pillset{margin-top:.8rem}.qrg-kind-icon{flex-shrink:0}.qrg-kinds{margin-bottom:1rem}.qrg-fields{margin-top:.25rem}.qrg-notes{color:var(--muted);gap:.35rem;margin-top:.9rem;font-size:13.5px;line-height:1.5;display:grid}.qrg-notes li{padding-left:1rem;position:relative}.qrg-notes li:before{content:"";background:var(--tk-amber);border-radius:999px;width:.4rem;height:.4rem;position:absolute;top:.55em;left:.1rem}.qrg-inside{margin-top:1rem}.qrg-pass{align-items:center;gap:.4rem;display:flex}.qrg-pass .tk-input{flex:auto}.qrg-pass .btn{flex-shrink:0;margin-top:.35rem}.qrg-colors{grid-template-columns:minmax(0,1fr);gap:.7rem;margin-top:.4rem;display:grid}@media (min-width:560px){.qrg-colors{grid-template-columns:repeat(3,minmax(0,1fr))}}.qrg-colors .tk-field+.tk-field{margin-top:0}.qrg-color{align-items:center;gap:.45rem;margin-top:.35rem;display:flex}.qrg-color input[type=color]{border:1px solid var(--line);background:var(--background);cursor:pointer;border-radius:.6rem;flex-shrink:0;width:2.5rem;height:2.3rem;padding:2px}.qrg-hex{font-family:var(--font-mono-base), ui-monospace, monospace;text-transform:lowercase}.qrg-range{justify-content:space-between;gap:.5rem;display:flex}.qrg-range output{font-family:var(--font-mono-base), monospace;color:var(--muted);font-weight:500}.qrg-slider{width:100%;accent-color:var(--ink);margin-top:.45rem;display:block}.qrg-logo-drop{min-height:7.5rem}.qrg-logo-thumb{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:.6rem;width:56px;height:56px}.qrg-stage{border:1px solid var(--line);background:var(--card);border-radius:1.1rem;place-items:center;min-height:15rem;padding:1.1rem;transition:border-color .2s,background .2s;display:grid;position:relative}.qrg-stage.is-transparent{background-color:#fff;background-image:conic-gradient(#e6e6e6 25%, #fff 0 50%, #e6e6e6 0 75%, #fff 0);background-size:16px 16px}.qrg-stage.is-over{border-color:var(--ink);background:color-mix(in srgb, var(--primary) 12%, var(--card))}.qrg-code{width:100%;max-width:320px;transition:opacity .2s;animation:.24s ease-out qrg-in}.qrg-code svg{width:100%;height:auto;box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent);border-radius:.35rem;display:block}.qrg-code.is-stale{opacity:.22;filter:grayscale()}.qrg-stale-msg{background:var(--card);border:1px solid color-mix(in srgb, var(--tk-warn) 55%, var(--line));text-align:center;border-radius:.75rem;padding:.55rem .75rem;font-size:13.5px;line-height:1.45;position:absolute;inset:auto 1rem 1rem}.qrg-placeholder{color:var(--muted);text-align:center;padding:2rem 1rem;font-size:14px}@keyframes qrg-in{0%{opacity:0;transform:scale(.985)}}.qrg-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.qrg-stat{border:1px solid var(--line);background:var(--card);border-radius:.75rem;min-width:0;padding:.45rem .55rem}.qrg-stat-v{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:15.5px;font-weight:600}.qrg-stat-l{color:var(--muted);font-size:11.5px;line-height:1.3}.qrg-fill .tk-small{margin-top:.35rem}@media (max-width:479px){.qrg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.qrg-card{border:1px solid var(--line);background:var(--card);border-radius:1rem;min-width:0;padding:.85rem .95rem}.qrg-card>*+*{margin-top:.55rem}.qrg-verdict{align-items:center;gap:.5rem;display:flex}.qrg-checks{gap:.45rem;font-size:13.5px;line-height:1.5;display:grid}.qrg-checks li{align-items:flex-start;gap:.55rem;display:flex}.qrg-dot{background:var(--muted-2);border-radius:999px;flex-shrink:0;width:.6rem;height:.6rem;margin-top:.42em}.qrg-dot[data-level=ok]{background:var(--tk-ok)}.qrg-dot[data-level=warn]{background:var(--tk-amber)}.qrg-dot[data-level=bad]{background:var(--tk-warn)}.qrg-verdict .qrg-dot{margin-top:0}.qrg-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.qrg-export-grid .tk-field+.tk-field{margin-top:0}.qrg-export-btns{margin-top:.75rem}.qrg-thumbs{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.6rem;display:grid}.qrg-thumb{min-width:0;margin:0}.qrg-thumb-code{border:1px solid var(--line);aspect-ratio:1;background:#fff;border-radius:.6rem;place-items:center;padding:4px;display:grid}.qrg-thumb-code svg{width:100%;height:auto;display:block}.qrg-thumb-code.is-bad{color:var(--tk-warn);font-weight:700}.qrg-thumb figcaption{color:var(--muted);margin-top:.25rem;font-size:11px}@media (prefers-reduced-motion:reduce){.qrg-code{transition:none;animation:none}.qrg-pill,.qrg-stage{transition:none}}