.qrgen-root{min-height:50vh;padding:20px;background:linear-gradient(135deg,#f8fafc 0,#eef2f7 100%);color:#0f172a}
.qrgen-max{max-width:1100px;margin:0 auto}.qrgen-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:1024px){.qrgen-grid{grid-template-columns:1fr 1fr}}
.qrgen-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.qrgen-title{font-size:18px;font-weight:700;margin:4px 0 12px}.qrgen-subtitle{font-size:14px;font-weight:700;margin:16px 0 8px}
.qrgen-label{display:block;font-size:12px;color:#334155;margin-bottom:6px}
.qrgen-input{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;outline:none}
.qrgen-input:focus{box-shadow:0 0 0 4px rgba(148,163,184,.25)}.qrgen-help{font-size:12px;color:#64748b;margin-top:6px}
.qrgen-help-inline{font-size:12px;color:#64748b}.qrgen-chips{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.qrgen-chip{border:1px solid #cbd5e1;border-radius:999px;padding:6px 10px;background:#fff;cursor:pointer}
.qrgen-chip:hover{background:#f8fafc}.qrgen-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:640px){.qrgen-options{grid-template-columns:repeat(3,1fr)}}
.qrgen-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.qrgen-btn{border:1px solid #cbd5e1;border-radius:14px;padding:10px 14px;background:#fff;cursor:pointer}
.qrgen-btn[disabled]{opacity:.5;cursor:not-allowed}.qrgen-btn:hover{background:#f8fafc}
.qrgen-btn-primary{background:#0f172a;color:#fff;border-color:#0f172a}.qrgen-btn-primary:hover{opacity:.9}
.qrgen-error{margin-top:10px;border:1px solid #fecaca;background:#fff1f2;border-radius:12px;padding:10px;color:#991b1b;font-size:13px}
.qrgen-preview{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:16px;display:grid;place-items:center;min-height:360px;position:relative}
.qrgen-canvas{display:none;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.qrgen-empty{text-align:center;color:#64748b;position:absolute}.qrgen-empty-title{font-weight:600}.qrgen-empty-sub{font-size:12px}
.qrgen-footer{text-align:center;font-size:11px;color:#64748b;margin-top:16px}.qrgen-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.qrgen-tab{border:1px solid #cbd5e1;border-radius:999px;padding:8px 12px;background:#fff;cursor:pointer}
.qrgen-tab.active{background:#0f172a;color:#fff;border-color:#0f172a}
.qrgen-batch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.qrgen-batch-item{border:1px solid #e2e8f0;border-radius:12px;padding:10px;background:#fff}.qrgen-batch-item canvas{display:block;margin:0 auto 6px}
.qrgen-batch-label{font-size:12px;text-align:center;color:#334155}
.qrgen-print-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.qrgen-print-cell{border:1px dashed #cbd5e1;border-radius:12px;padding:10px;background:#fff;display:grid;place-items:center}
.qrgen-print-cell .label{font-size:12px;color:#334155;margin-top:6px;text-align:center}
@media print{body *{visibility:hidden}.qrgen-print-grid,.qrgen-print-grid *{visibility:visible}.qrgen-print-grid{position:absolute;left:0;top:0;width:100%}}


/* Responsive tweaks */
.qrgen-preview canvas{width:100%;height:auto;image-rendering:pixelated;display:block;max-width:100%}
@media (max-width:640px){
  .qrgen-actions{flex-direction:column}
  .qrgen-actions .qrgen-btn{width:100%}
  .qrgen-options{grid-template-columns:1fr!important}
}