.qrg-lab { align-items: stretch; display: grid; gap: 18px; grid-template-columns: minmax(0,1fr) minmax(300px,390px); }
.qrg-input-card,.qrg-result-card { min-width: 0; }
.qrg-mode-row { display: grid; gap: 10px; grid-template-columns: minmax(0,1fr) auto; margin-bottom: 14px; }
.qrg-mode-row select { min-height: 42px; }
.qrg-content-panel { border-top: 1px solid var(--line); display: grid; gap: 12px; padding-top: 14px; }
.qrg-content-panel[hidden] { display: none; }
.qrg-grid-two { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.qrg-content-panel textarea { min-height: 120px; resize: vertical; }
.qrg-settings { border-top: 1px solid var(--line); display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 16px; padding-top: 14px; }
.qrg-settings label { min-width: 0; }
.qrg-settings input[type="color"] { display: block; height: 42px; margin-top: 6px; padding: 3px; width: 58px; }
.qrg-inline-toggle { align-self: end; min-height: 42px; padding-top: 10px; }
.qrg-result-card { align-content: start; background: #f8fafc; }
.qrg-result-card > span,.qrg-summary-grid span { color: var(--muted); font-size: 12px; font-weight: 800; }
.qrg-result-card > strong { display: block; font-size: 22px; line-height: 1.25; }
.qrg-result-card > p { color: var(--muted); }
.qrg-summary-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 14px; }
.qrg-summary-grid div { background: #fff; border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 6px; min-width: 0; padding: 11px; }
.qrg-summary-grid strong { font-family: "SFMono-Regular",Consolas,monospace; overflow-wrap: anywhere; }
.qrg-preview { align-items: center; background: #e9eded; border: 1px solid var(--line); border-radius: 8px; display: flex; justify-content: center; min-height: 330px; overflow: hidden; padding: 18px; }
.qrg-preview svg { background: transparent; display: block; height: auto; max-height: 420px; max-width: 100%; }
.qr-empty-preview { color: var(--muted); padding: 40px 12px; text-align: center; }
.qrg-payload textarea { font-family: "SFMono-Regular",Consolas,monospace; min-height: 130px; resize: vertical; }
.qrg-checks { display: grid; gap: 10px; }
.qr-check { align-items: start; border: 1px solid var(--line); border-left-width: 4px; border-radius: 8px; display: grid; gap: 10px; grid-template-columns: 56px minmax(0,1fr); padding: 11px; }
.qr-check > span { font-size: 10px; font-weight: 900; padding-top: 2px; }.qr-check strong { display: block; }.qr-check p { color: var(--muted); margin: 4px 0 0; }
.qr-check.is-good { border-left-color: #4d9467; }.qr-check.is-good > span { color: #296b40; }
.qr-check.is-warning { border-left-color: #c47a1e; }.qr-check.is-warning > span { color: #8f570f; }
.qr-check.is-error { border-left-color: #b83c35; }.qr-check.is-error > span { color: #9a302c; }
.qrg-reference-grid { display: grid; gap: 14px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.qrg-reference-grid article { border-left: 3px solid var(--accent); min-width: 0; padding: 2px 0 2px 14px; }.qrg-reference-grid h3 { margin: 0 0 6px; }.qrg-reference-grid p { margin: 0; }
@media (max-width:920px) { .qrg-lab { grid-template-columns:1fr; }.qrg-preview { min-height:260px; } }
@media (max-width:620px) { .qrg-grid-two,.qrg-settings,.qrg-summary-grid,.qrg-reference-grid,.qrg-mode-row { grid-template-columns:1fr; }.qrg-preview { min-height:220px; }.qr-check { grid-template-columns:1fr; } }