.qr-tool { max-width: none; }
.qr-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 22px; }
.qr-tabs button { min-height: 38px; border-radius: 999px; background: #fff; border: 1px solid var(--line); box-shadow: none; }
.qr-tabs button.active { background: var(--accent); color: #fff; border-color: var(--accent); }
.qr-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.qr-panel { display: none; }
.qr-panel.active { display: block; }
.qr-fields { display: grid; gap: 12px; }
.qr-preview { border: 1px dashed #bfc8dc; min-height: 360px; display: grid; place-items: center; background: linear-gradient(180deg, #fff, #f7fbff); border-radius: 20px; box-shadow: inset 0 0 0 8px rgba(244,247,255,.8); }
.qr-preview img { max-width: 300px; max-height: 300px; }
.qr-options { display: grid; gap: 12px; margin-top: 14px; }
.qr-actions { margin-top: 16px; }
@media (max-width: 820px) { .qr-grid { grid-template-columns: 1fr; } }