.qrg-root{--qrg-paper:var(--afr-surface-warm);--qrg-surface:var(--afr-surface);--qrg-surface-2:var(--afr-surface-muted);--qrg-ink:var(--afr-ink);--qrg-ink-muted:var(--afr-ink-secondary);--qrg-ink-subtle:var(--afr-ink-secondary);--qrg-line:var(--afr-border);--qrg-line-strong:var(--afr-border-strong);--qrg-accent:var(--afr-accent-strong);--qrg-accent-fg:var(--afr-surface);--qrg-accent-soft:var(--afr-accent-soft);--qrg-ok:var(--afr-success);--qrg-ok-soft:color-mix(in oklab, var(--qrg-ok) 14%, var(--qrg-surface));--qrg-warn:var(--afr-ink);--qrg-warn-soft:var(--afr-surface-muted);--qrg-risk:var(--afr-danger);--qrg-risk-soft:color-mix(in oklab, var(--qrg-risk) 14%, var(--qrg-surface));--qrg-focus:var(--afr-accent-strong);--qrg-shadow:var(--e-2);--qrg-radius-xs:var(--r-control);--qrg-radius-sm:var(--r-control);--qrg-radius-md:var(--r-card);--qrg-radius-lg:var(--r-card);--qrg-radius-xl:var(--r-stage);--qrg-space-1:4px;--qrg-space-2:8px;--qrg-space-3:12px;--qrg-space-4:16px;--qrg-space-5:24px;--qrg-space-6:32px;--qrg-font:var(--font-sans);--qrg-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--qrg-text-xs:.75rem;--qrg-text-sm:.8125rem;--qrg-text-md:.9375rem;--qrg-text-lg:1.0625rem;--qrg-ease:cubic-bezier(.22, 1, .36, 1);--qrg-fast:.15s;--qrg-med:.25s;box-sizing:border-box;min-width:0;max-width:100%;color:var(--qrg-ink);background:var(--qrg-surface);border:1px solid var(--qrg-line);border-radius:var(--qrg-radius-xl);box-shadow:var(--qrg-shadow);font-family:var(--qrg-font);font-size:var(--qrg-text-md);-webkit-font-smoothing:antialiased;padding:var(--qrg-space-4);line-height:1.5;position:relative;overflow-x:clip}.qrg-root *,.qrg-root :before,.qrg-root :after{box-sizing:border-box}.qrg-root :focus{outline:none}.qrg-root :focus-visible{outline:2px solid var(--qrg-focus);outline-offset:2px}.qrg-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qrg-privacy{gap:var(--qrg-space-2) var(--qrg-space-3);margin:0 0 var(--qrg-space-4);color:var(--qrg-ink-muted);font-size:var(--qrg-text-sm);flex-wrap:wrap;align-items:center;padding:0 2px;display:flex}.qrg-privacy-dot{background:var(--qrg-ok);border-radius:999px;flex:none;width:6px;height:6px}.qrg-types{margin-bottom:var(--qrg-space-5);flex-wrap:wrap;gap:6px;display:flex}.qrg-type{border:1px solid var(--qrg-line);background:var(--qrg-surface);min-height:44px;color:var(--qrg-ink-muted);font:inherit;font-size:var(--qrg-text-sm);cursor:pointer;transition:background-color var(--qrg-fast) var(--qrg-ease), color var(--qrg-fast) var(--qrg-ease), border-color var(--qrg-fast) var(--qrg-ease);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;line-height:1;display:inline-flex;position:relative}.qrg-type:hover{border-color:var(--qrg-line-strong);color:var(--qrg-ink)}.qrg-type[data-active=true]{background:var(--qrg-accent);border-color:var(--qrg-accent);color:var(--qrg-accent-fg)}:is(.qrg-type:has(:focus-visible),.qrg-style:has(:focus-visible),.qrg-chip:has(:focus-visible)){outline:2px solid var(--qrg-focus);outline-offset:2px}.qrg-type svg{flex:none;width:16px;height:16px}.qrg-grid{gap:var(--qrg-space-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"content""preview""reliability""design""export";min-width:0;display:grid}.qrg-content{grid-area:content;min-width:0}.qrg-aside{gap:var(--qrg-space-5);flex-direction:column;grid-area:aside;min-width:0;display:contents}.qrg-design{grid-area:design;min-width:0}.qrg-preview{grid-area:preview;min-width:0}.qrg-reliability{grid-area:reliability;min-width:0}.qrg-export{grid-area:export;min-width:0}.qrg-panel{background:color-mix(in oklab, var(--qrg-paper) 70%, var(--qrg-surface));border:1px solid var(--qrg-line);border-radius:var(--qrg-radius-lg);padding:var(--qrg-space-4)}.qrg-panel-title{margin:0 0 var(--qrg-space-3);font-size:var(--qrg-text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--qrg-ink-muted);text-wrap:balance;font-weight:600}.qrg-stack{gap:var(--qrg-space-3);flex-direction:column;display:flex}.qrg-fields-2{gap:var(--qrg-space-3);grid-template-columns:1fr;display:grid}.qrg-field{flex-direction:column;gap:6px;min-width:0;display:flex}.qrg-label{font-size:var(--qrg-text-sm);color:var(--qrg-ink);font-weight:500}.qrg-input,.qrg-textarea,.qrg-select{border:1px solid var(--qrg-line-strong);border-radius:var(--qrg-radius-sm);background:var(--qrg-surface);width:100%;min-width:0;min-height:48px;color:var(--qrg-ink);font:inherit;font-size:var(--qrg-text-md);transition:border-color var(--qrg-fast) var(--qrg-ease), box-shadow var(--qrg-fast) var(--qrg-ease);margin:0;padding:0 12px}.qrg-textarea{resize:vertical;min-height:108px;padding:12px;line-height:1.45}.qrg-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c5952' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.qrg-input::placeholder,.qrg-textarea::placeholder{color:var(--qrg-ink-subtle)}.qrg-input:hover,.qrg-textarea:hover,.qrg-select:hover{border-color:var(--qrg-ink-muted)}.qrg-input[aria-invalid=true],.qrg-textarea[aria-invalid=true]{border-color:var(--qrg-risk)}.qrg-hint,.qrg-error{font-size:var(--qrg-text-xs);margin:0;line-height:1.4}.qrg-hint{color:var(--qrg-ink-subtle)}.qrg-error{color:var(--qrg-risk)}.qrg-check{min-height:44px;font-size:var(--qrg-text-sm);cursor:pointer;align-items:center;gap:10px;display:flex}.qrg-check input{width:18px;height:18px;accent-color:var(--qrg-accent);flex:none;margin:0}.qrg-password-wrap{position:relative}.qrg-password-wrap .qrg-input{padding-right:52px}.qrg-eye{width:48px;height:48px;color:var(--qrg-ink-muted);cursor:pointer;border-radius:var(--qrg-radius-sm);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;right:0}.qrg-eye svg{width:18px;height:18px}.qrg-section-head{justify-content:space-between;align-items:baseline;gap:var(--qrg-space-3);margin-bottom:var(--qrg-space-3);display:flex}.qrg-reset{color:var(--qrg-accent);font:inherit;font-size:var(--qrg-text-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;min-height:44px;padding:0 4px;font-weight:500;display:inline-flex}.qrg-reset svg{width:16px;height:16px}.qrg-row{gap:var(--qrg-space-3);grid-template-columns:1fr;display:grid}.qrg-color-row{gap:var(--qrg-space-2);grid-template-columns:48px minmax(0,1fr);align-items:center;display:grid}.qrg-root input[type=color]{border:1px solid var(--qrg-line-strong);border-radius:var(--qrg-radius-sm);background:var(--qrg-surface);cursor:pointer;width:48px;height:48px;padding:0}.qrg-root input[type=color]::-webkit-color-swatch-wrapper{padding:4px}.qrg-root input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.qrg-style-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;display:grid}.qrg-style{border:1px solid var(--qrg-line);border-radius:var(--qrg-radius-md);background:var(--qrg-surface);min-height:72px;color:var(--qrg-ink-muted);font:inherit;cursor:pointer;transition:border-color var(--qrg-fast) var(--qrg-ease), background-color var(--qrg-fast) var(--qrg-ease), color var(--qrg-fast) var(--qrg-ease);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:11px;font-weight:500;display:flex}.qrg-style[data-active=true]{border-color:var(--qrg-accent);background:var(--qrg-accent-soft);color:var(--qrg-ink)}.qrg-style svg{width:36px;height:36px}.qrg-chips{flex-wrap:wrap;gap:6px;display:flex}.qrg-chip{border:1px solid var(--qrg-line);border-radius:var(--qrg-radius-sm);background:var(--qrg-surface);min-height:44px;color:var(--qrg-ink-muted);font:inherit;font-size:var(--qrg-text-sm);cursor:pointer;padding:0 14px;font-weight:500}.qrg-chip[data-active=true]{background:var(--qrg-ink);border-color:var(--qrg-ink);color:var(--qrg-surface)}.qrg-range{flex-direction:column;gap:6px;display:flex}.qrg-range-top{font-size:var(--qrg-text-sm);justify-content:space-between;gap:8px;display:flex}.qrg-range-value{font-variant-numeric:tabular-nums;color:var(--qrg-ink-muted)}.qrg-root input[type=range]{width:100%;height:44px;accent-color:var(--qrg-accent);cursor:pointer;margin:0}.qrg-drop{border:1px dashed var(--qrg-line-strong);border-radius:var(--qrg-radius-md);background:var(--qrg-surface);min-height:72px;color:var(--qrg-ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.qrg-drop[data-active=true]{border-style:solid;border-color:var(--qrg-accent);background:var(--qrg-accent-soft)}.qrg-drop:focus-visible{outline:2px solid var(--qrg-focus);outline-offset:2px}.qrg-drop strong{font-weight:600;font-size:var(--qrg-text-sm)}.qrg-drop span{color:var(--qrg-ink-subtle);font-size:var(--qrg-text-xs)}.qrg-logo-row{gap:var(--qrg-space-2);flex-wrap:wrap;align-items:center;display:flex}.qrg-logo-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--qrg-text-sm);flex:140px;overflow:hidden}.qrg-preview-well{min-height:280px;padding:var(--qrg-space-4);border-radius:var(--qrg-radius-md);background:var(--qrg-surface-2);border:1px solid var(--qrg-line);flex-direction:column;justify-content:center;align-items:center;display:flex}.qrg-preview-well[data-transparent=true]{background-color:var(--qrg-surface-2);background-image:linear-gradient(45deg, var(--qrg-line) 25%, transparent 25%), linear-gradient(-45deg, var(--qrg-line) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--qrg-line) 75%), linear-gradient(-45deg, transparent 75%, var(--qrg-line) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.qrg-preview-img{aspect-ratio:1;outline:1px solid color-mix(in oklab, var(--qrg-ink) 10%, transparent);outline-offset:-1px;background:0 0;width:min(100%,320px);height:auto;display:block}.qrg-empty{text-align:center;align-items:center;gap:var(--qrg-space-3);max-width:22rem;color:var(--qrg-ink-muted);flex-direction:column;display:flex}.qrg-empty-mark{width:88px;height:88px;color:var(--qrg-ink-subtle)}.qrg-empty p{text-wrap:pretty;margin:0}.qrg-meta{margin:var(--qrg-space-3) 0 0;color:var(--qrg-ink-subtle);font-size:var(--qrg-text-xs);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 12px;display:flex}.qrg-reliab{gap:var(--qrg-space-3);flex-direction:column;display:flex}.qrg-reliab-head{justify-content:space-between;align-items:flex-start;gap:var(--qrg-space-3);display:flex}.qrg-badge{min-height:32px;font-size:var(--qrg-text-sm);border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-weight:600;display:inline-flex}.qrg-badge-dot{border-radius:999px;flex:none;width:8px;height:8px}.qrg-badge[data-level=excellent]{background:var(--qrg-ok-soft);color:var(--qrg-ok)}.qrg-badge[data-level=excellent] .qrg-badge-dot{background:var(--qrg-ok)}.qrg-badge[data-level=good]{background:var(--qrg-accent-soft);color:var(--qrg-accent)}.qrg-badge[data-level=good] .qrg-badge-dot{background:var(--qrg-accent)}.qrg-badge[data-level=caution]{background:var(--qrg-warn-soft);color:var(--qrg-warn)}.qrg-badge[data-level=caution] .qrg-badge-dot{background:var(--qrg-warn)}.qrg-badge[data-level=high-risk]{background:var(--qrg-risk-soft);color:var(--qrg-risk)}.qrg-badge[data-level=high-risk] .qrg-badge-dot{background:var(--qrg-risk)}.qrg-reliab-summary{color:var(--qrg-ink-muted);font-size:var(--qrg-text-sm);text-wrap:pretty;margin:0}.qrg-notes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.qrg-note{border-left:2px solid var(--qrg-line-strong);color:var(--qrg-ink);font-size:var(--qrg-text-sm);text-wrap:pretty;margin:0;padding-left:12px}.qrg-note[data-severity=critical]{border-left-color:var(--qrg-risk)}.qrg-note[data-severity=warning]{border-left-color:var(--afr-border-strong);border-left-width:3px}.qrg-actions{gap:var(--qrg-space-2);flex-direction:column;display:flex}.qrg-btn{border-radius:var(--qrg-radius-sm);width:100%;min-height:48px;font:inherit;font-size:var(--qrg-text-md);cursor:pointer;transition:transform var(--qrg-fast) var(--qrg-ease), background-color var(--qrg-fast) var(--qrg-ease), opacity var(--qrg-fast) var(--qrg-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px 0 14px;font-weight:600;display:inline-flex}.qrg-btn svg{flex:none;width:18px;height:18px}.qrg-btn:active:not(:disabled){transform:scale(.96)}.qrg-btn:disabled{opacity:.45;cursor:not-allowed}.qrg-btn-primary{background:var(--qrg-accent);color:var(--qrg-accent-fg)}.qrg-btn-primary:hover:not(:disabled){background:color-mix(in oklab, var(--qrg-accent) 88%, var(--qrg-ink))}.qrg-btn-secondary{background:var(--qrg-surface);color:var(--qrg-ink);border-color:var(--qrg-line-strong)}.qrg-btn-secondary:hover:not(:disabled){border-color:var(--qrg-ink-muted)}.qrg-btn-ghost{color:var(--qrg-ink-muted);border-color:var(--qrg-line);background:0 0}.qrg-filename{color:var(--qrg-ink-subtle);font-family:var(--qrg-mono);font-size:var(--qrg-text-xs);word-break:break-all;margin:4px 0 0}.qrg-payload{margin-top:var(--qrg-space-3);border-top:1px solid var(--qrg-line);padding-top:var(--qrg-space-3)}.qrg-payload summary{cursor:pointer;font-size:var(--qrg-text-sm);color:var(--qrg-ink-muted);align-items:center;min-height:44px;font-weight:500;display:flex}.qrg-payload pre{border-radius:var(--qrg-radius-sm);background:var(--qrg-ink);max-height:160px;color:var(--qrg-paper);font-family:var(--qrg-mono);white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.qrg-banner{margin:0 0 var(--qrg-space-3);border-radius:var(--qrg-radius-sm);background:var(--qrg-accent-soft);color:var(--qrg-accent);font-size:var(--qrg-text-sm);padding:10px 12px}.qrg-local{margin:var(--qrg-space-4) 2px 0;color:var(--qrg-ink-subtle);font-size:var(--qrg-text-xs)}@media (min-width:640px){.qrg-fields-2,.qrg-row{grid-template-columns:1fr 1fr}.qrg-root{padding:var(--qrg-space-5)}}@media (min-width:1024px){.qrg-grid{align-items:start;gap:var(--qrg-space-5);grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-areas:"content aside""design aside";display:grid}.qrg-aside{display:flex;position:sticky;top:1.25rem}.qrg-preview-well{min-height:280px}.qrg-preview-img{width:min(100%,280px)}}@media (prefers-reduced-motion:reduce){.qrg-root *,.qrg-root :before,.qrg-root :after{transition:none!important;animation:none!important}.qrg-btn:active:not(:disabled){transform:none}}.qrg-surface__heading{letter-spacing:-.005em;color:var(--afr-ink);margin:0 0 clamp(20px,3vw,28px);font-size:1.5rem;font-weight:600;line-height:1.25}.qrg-info{flex-direction:column;gap:clamp(28px,4vw,40px);display:flex}.qrg-info__heading{letter-spacing:-.005em;color:var(--afr-ink);margin:0 0 12px;font-size:1.25rem;font-weight:600;line-height:1.3}.qrg-info__text{color:var(--afr-ink-secondary);text-wrap:pretty;margin:0 0 12px}.qrg-info__text:last-child{margin-bottom:0}@media (min-width:1024px){.qrg-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,44px) clamp(32px,4vw,64px);display:grid}}