.qr-builder{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.qr-controls{display:grid;gap:16px}.qr-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qr-color-field{display:flex;align-items:center;gap:10px}.qr-color-field input[type="color"]{width:48px;height:42px;padding:3px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:transparent}.qr-preview-card{position:sticky;top:20px;background:#fff;border-radius:20px;padding:20px;color:#111;box-shadow:0 18px 45px rgba(0,0,0,.18);text-align:center}.qr-preview-card[data-frame="minimal"]{box-shadow:none;border:1px solid rgba(0,0,0,.12)}.qr-preview-card[data-frame="dark"]{background:#111;color:#fff}.qr-preview-card h3{font-size:18px;margin:0 0 6px}.qr-preview-card p{font-size:12px;margin:0 0 14px;opacity:.68;word-break:break-all}.qr-code-stage{width:240px;height:240px;max-width:100%;margin:0 auto;display:grid;place-items:center;background:#fff;border-radius:14px;padding:10px}.qr-code-stage canvas,.qr-code-stage img{max-width:100%;height:auto!important}.qr-logo-preview{width:48px;height:48px;border-radius:12px;object-fit:cover;display:none;margin:10px auto 0;border:3px solid #fff}.qr-logo-preview.show{display:block}.qr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.qr-help{font-size:12px;opacity:.65;line-height:1.5}.qr-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qr-file input{max-width:100%}.qr-download{width:100%;justify-content:center}@media(max-width:900px){.qr-builder{grid-template-columns:1fr}.qr-preview-card{position:static;max-width:360px;width:100%;margin:0 auto}}@media(max-width:560px){.qr-color-grid{grid-template-columns:1fr}.qr-code-stage{width:220px;height:220px}.qr-preview-card{padding:16px}}