.qr-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px;align-items:start}
.qr-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.qr-design-tile{display:flex;flex-direction:column;min-width:0;padding:7px;background:var(--panel2);border:2px solid transparent;gap:9px;justify-content:start}
.qr-design-tile img{display:block;width:100%;aspect-ratio:595/842;object-fit:contain;background:#faf7f0;border-radius:6px}
.qr-design-tile span{font-size:12px;line-height:1.4;padding:3px;overflow-wrap:anywhere}
.qr-design-tile.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--panel2))}
.qr-designed-preview{padding:0!important;overflow:hidden;border-radius:6px;background:transparent!important;margin:22px auto!important;max-width:430px}
.qr-designed-preview img{display:block;width:100%!important;max-width:none!important;margin:0!important;height:auto}
.qr-small{font-size:12px;line-height:1.7}.qr-small .button{padding:5px 9px}
.qr-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}
.qr-admin-thumb{display:block;width:100%;aspect-ratio:595/842;object-fit:contain;border-radius:5px}
.qr-editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);gap:28px;align-items:start}
.qr-editor img{width:100%;height:auto;position:sticky;top:0;background:#faf7f0;border-radius:5px}
.qr-editor input[type=color]{padding:4px;height:42px;cursor:pointer}
.qr-preview-panel{position:sticky;top:20px}
@media(max-width:1100px){.qr-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.qr-workspace{grid-template-columns:1fr}.qr-preview-panel{position:static}.qr-design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-editor{grid-template-columns:1fr}.qr-editor img{max-width:300px;position:static;margin:auto}}
@media(max-width:460px){.qr-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-admin-grid{grid-template-columns:1fr}.qr-workspace .card{padding:16px}.qr-workspace h2{font-size:25px}}
@media print{.qr-design-picker{display:none!important}.qr-preview-panel .fields,.qr-preview-panel label,.qr-preview-panel textarea,.qr-preview-panel select,.qr-preview-panel p{display:none!important}.qr-workspace{display:block}.qr-preview-panel{position:static}.qr-designed-preview{display:block!important;max-width:none!important}}