/* Qentix WP QR Generator v3.2.1 — component-scoped UI */
.anwqrg,
.anwqrg *{box-sizing:border-box}
.anwqrg{
  --anwq-primary:#4F46E5;
  --anwq-hover:#4338CA;
  --anwq-heading:#111827;
  --anwq-text:#475467;
  --anwq-border:#E5E7EB;
  --anwq-card:#FFFFFF;
  --anwq-section:#F8FAFC;
  --anwq-result:#F5F7FF;
  --anwq-success:#15803D;
  --anwq-error:#B42318;
  width:100%;
  max-width:1100px;
  margin:32px auto;
  padding:0;
  color:var(--anwq-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.5;
  isolation:isolate;
}
.anwqrg button,.anwqrg input,.anwqrg select,.anwqrg textarea{font:inherit}
.anwqrg button{appearance:none;-webkit-appearance:none}
.anwqrg-head{
  position:relative;
  padding:4px 0 22px;
  border-bottom:1px solid var(--anwq-border);
}
.anwqrg-badge{
  display:inline-flex;align-items:center;
  padding:6px 11px;border-radius:999px;
  background:#EEF2FF;color:var(--anwq-primary);
  font-size:10px;font-weight:800;letter-spacing:1.1px;
  text-transform:uppercase;
}
.anwqrg-head h2{
  margin:12px 0 5px!important;
  color:var(--anwq-heading)!important;
  font-size:34px!important;line-height:1.12!important;
  font-weight:800!important;letter-spacing:-.03em!important;
}
.anwqrg-head p{margin:0!important;color:var(--anwq-text);font-size:14px;line-height:1.6}
.anwqrg-type-panel{
  margin-top:18px;padding:18px;
  border:1px solid var(--anwq-border);border-radius:16px;
  background:var(--anwq-section);
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}
.anwqrg-section-title{
  display:flex;align-items:center;gap:9px;
  margin:0 0 12px;
  color:var(--anwq-heading)!important;
  font-size:15px!important;font-weight:800!important;
}
.anwqrg-section-title .anwqrg-selected{
  margin-left:auto;
  background:#EEF2FF;color:var(--anwq-primary);
  padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;
}
.anwqrg-search{position:relative;margin-bottom:12px}
.anwqrg-search>span{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);
  color:#98A2B3;font-size:17px;pointer-events:none
}
.anwqrg-search input{
  width:100%;height:42px!important;padding:0 13px 0 34px!important;
  border:1px solid var(--anwq-border)!important;border-radius:11px!important;
  background:#fff!important;color:var(--anwq-heading)!important;
  outline:none!important;box-shadow:none!important;
}
.anwqrg-search input:focus{border-color:var(--anwq-primary)!important;box-shadow:0 0 0 3px rgba(79,70,229,.10)!important}
.anwqrg-type-groups{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 5px;scrollbar-width:thin}
.anwqrg-group{display:flex;gap:7px;flex:0 0 auto}
.anwqrg-type{
  min-height:38px;padding:8px 13px!important;
  border:1px solid var(--anwq-border)!important;border-radius:999px!important;
  background:#fff!important;color:#475467!important;
  font-size:12px!important;font-weight:700!important;
  cursor:pointer;white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.anwqrg-type:hover{color:var(--anwq-primary)!important;border-color:#C7D2FE!important;background:#F8F7FF!important;transform:translateY(-1px);box-shadow:0 4px 10px rgba(79,70,229,.08)}
.anwqrg-type.active{color:#fff!important;background:var(--anwq-primary)!important;border-color:var(--anwq-primary)!important;box-shadow:0 6px 14px rgba(79,70,229,.20)!important}
.anwqrg-editor{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin-top:18px}
.anwqrg-details,.anwqrg-preview-panel{
  border:1px solid var(--anwq-border);border-radius:18px;
  background:var(--anwq-card);box-shadow:0 10px 28px rgba(15,23,42,.045);
  padding:20px;
}
.anwqrg-fields{display:grid;gap:12px}
.anwqrg-block{animation:anwqrgIn .18s ease}
@keyframes anwqrgIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.anwqrg-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.anwqrg-field-card{
  position:relative;border:1px solid var(--anwq-border);border-radius:12px;
  background:#fff;padding:14px;transition:border-color .18s ease,box-shadow .18s ease
}
.anwqrg-field-card:focus-within{border-color:#A5B4FC;box-shadow:0 0 0 3px rgba(79,70,229,.08)}
.anwqrg-field-card>label{display:grid;gap:7px;color:var(--anwq-heading);font-size:12px;font-weight:700}
.anwqrg-field-card label span{font-size:10px;color:#98A2B3;font-weight:600}
.anwqrg-field-icon{
  position:absolute;right:12px;top:12px;width:28px;height:28px;border-radius:8px;
  background:#EEF2FF;color:var(--anwq-primary);display:grid;place-items:center;
  font-weight:800;font-size:12px
}
.anwqrg-input{
  width:100%!important;min-height:42px!important;
  border:1px solid #D0D5DD!important;border-radius:10px!important;
  background:#fff!important;color:var(--anwq-heading)!important;
  padding:9px 11px!important;outline:none!important;
  box-shadow:none!important;font-size:13px!important;
}
textarea.anwqrg-input{resize:vertical;min-height:96px!important}
.anwqrg-input:focus{border-color:var(--anwq-primary)!important;box-shadow:0 0 0 3px rgba(79,70,229,.09)!important}
.anwqrg-hint{display:block;color:#98A2B3;font-size:10px;line-height:1.5}
.anwqrg-preview-panel{display:flex;flex-direction:column}
.anwqrg-preview-box{
  display:grid;place-items:center;min-height:360px;
  padding:22px;border:1px solid #E8ECF3;border-radius:14px;
  background:radial-gradient(circle at 50% 35%,#fff 0,#F7F8FC 72%);
}
.anwqrg-placeholder{display:grid;justify-items:center;gap:8px;color:#98A2B3;text-align:center}
.anwqrg-placeholder b{
  width:58px;height:58px;display:grid;place-items:center;border-radius:16px;
  background:#EEF2FF;color:var(--anwq-primary);font-size:28px
}
.anwqrg-placeholder span{font-size:12px}
.anwqrg-output{max-width:100%;overflow:auto}
.anwqrg-output canvas,.anwqrg-output img{display:block;max-width:100%;height:auto;border-radius:6px}
.anwqrg-status{
  display:flex;justify-content:space-between;gap:10px;margin-top:10px;
  padding:10px 12px;border:1px solid #D1FAE5;border-radius:10px;
  background:#F0FDF4;color:var(--anwq-success);font-size:11px
}
.anwqrg-export{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.anwqrg-export label{display:grid;gap:6px;color:var(--anwq-heading);font-size:11px;font-weight:800}
.anwqrg-export select{width:100%;height:40px!important;min-height:40px!important;padding:0 10px!important;border:1px solid var(--anwq-border)!important;border-radius:10px!important;background:#fff!important;color:var(--anwq-heading)!important;outline:none!important}
.anwqrg-export select:focus{border-color:var(--anwq-primary)!important;box-shadow:0 0 0 3px rgba(79,70,229,.09)!important}
.anwqrg-actions{margin-top:12px}
.anwqrg-download,.anwqrg-generate{
  min-height:44px!important;border:0!important;border-radius:11px!important;
  padding:10px 18px!important;background:var(--anwq-primary)!important;
  color:#fff!important;font-weight:800!important;font-size:13px!important;
  cursor:pointer!important;box-shadow:0 6px 14px rgba(79,70,229,.18)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important
}
.anwqrg-download{width:100%}
.anwqrg-download:hover:not(:disabled),.anwqrg-generate:hover:not(:disabled){background:var(--anwq-hover)!important;transform:translateY(-1px);box-shadow:0 9px 18px rgba(79,70,229,.24)!important}
.anwqrg-download:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}
.anwqrg-customize{
  margin-top:18px!important;padding:20px!important;
  border:1px solid var(--anwq-border);border-radius:18px;
  background:var(--anwq-card);box-shadow:0 10px 28px rgba(15,23,42,.045)
}
.anwqrg-custom-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.anwqrg-custom-help{font-size:11px;color:#98A2B3}
.anwqrg-custom-reset{
  min-height:38px;padding:8px 13px!important;border:1px solid var(--anwq-border)!important;
  border-radius:10px!important;background:#fff!important;color:var(--anwq-heading)!important;
  font-size:11px!important;font-weight:800!important;cursor:pointer!important;
  transition:.18s ease
}
.anwqrg-custom-reset:hover{color:var(--anwq-primary)!important;border-color:#C7D2FE!important;background:#F8F7FF!important}
.anwqrg-color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.anwqrg-setting-card{
  display:flex;align-items:flex-start;gap:12px;padding:14px;
  border:1px solid var(--anwq-border);border-radius:13px;background:#fff
}
.anwqrg-setting-icon,.anwqrg-option-icon{
  flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;
  border-radius:10px;background:#EEF2FF;color:var(--anwq-primary)
}
.anwqrg-setting-icon svg,.anwqrg-option-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.anwqrg-setting-main{min-width:0;flex:1}
.anwqrg-setting-label{display:block;color:var(--anwq-heading);font-size:12px;font-weight:800}
.anwqrg-setting-desc{display:block;margin:2px 0 8px;color:#98A2B3;font-size:10px}
.anwqrg-hex-control{display:flex;align-items:center;gap:8px}
.anwqrg-color-swatch{width:30px;height:30px;border-radius:8px;background:var(--swatch,#111827);border:1px solid rgba(0,0,0,.08);flex:none}
.anwqrg-hex-value{
  width:100px!important;height:34px!important;min-height:34px!important;
  border:1px solid var(--anwq-border)!important;border-radius:8px!important;
  padding:0 9px!important;background:#fff!important;color:var(--anwq-heading)!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:11px!important
}
.anwqrg-hex-valid{color:var(--anwq-success);font-size:12px;font-weight:900}
.anwqrg-option-panel{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--anwq-border);border-radius:13px;background:#fff}
.anwqrg-option-copy{flex:1}.anwqrg-option-copy strong{display:block;color:var(--anwq-heading);font-size:12px}.anwqrg-option-copy span{display:block;margin-top:3px;color:#98A2B3;font-size:10px;line-height:1.45}
.anwqrg-modern-select{height:40px!important;min-height:40px!important;min-width:180px!important;padding:0 10px!important;border:1px solid var(--anwq-border)!important;border-radius:10px!important;background:#fff!important;color:var(--anwq-heading)!important;font-size:11px!important;font-weight:700!important;outline:none!important}
.anwqrg-modern-select:focus{border-color:var(--anwq-primary)!important;box-shadow:0 0 0 3px rgba(79,70,229,.09)!important}
.anwqrg-private{
  margin-top:12px;padding:11px 14px;border:1px solid #D1FAE5;border-radius:11px;
  background:#F0FDF4;color:#47705A;text-align:center;font-size:11px
}
.anwqrg-private::first-letter{color:var(--anwq-success)}
/* Color picker */
@media(max-width:900px){
  .anwqrg{margin:24px auto}
  .anwqrg-editor{grid-template-columns:1fr}
  .anwqrg-preview-panel{order:2}
  .anwqrg-details{order:1}
}
@media(max-width:600px){
  .anwqrg{margin:18px auto}
  .anwqrg-head h2{font-size:28px!important}
  .anwqrg-type-panel,.anwqrg-details,.anwqrg-preview-panel,.anwqrg-customize{padding:15px!important;border-radius:14px}
  .anwqrg-two,.anwqrg-color-row,.anwqrg-export{grid-template-columns:1fr}
  .anwqrg-preview-box{min-height:280px}
  .anwqrg-option-panel{align-items:flex-start;flex-direction:column}
  .anwqrg-modern-select{width:100%!important;min-width:0!important}
}
@media(prefers-reduced-motion:reduce){
  .anwqrg *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* Qentix QR Generator v3.2.1 — final UI refinements */
.anwqrg-head{
  display:flex;align-items:center;gap:16px;padding:8px 0 22px;
}
.anwqrg-head-icon{
  flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;
  border:1px solid #DDE3FF;border-radius:18px;background:#EEF2FF;
  color:var(--anwq-primary);box-shadow:0 12px 28px rgba(79,70,229,.10);
}
.anwqrg-head-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:2.2}
.anwqrg-head-copy{min-width:0}
.anwqrg-head-copy .anwqrg-badge{margin-bottom:2px}
.anwqrg-head h2{margin:8px 0 5px!important}
.anwqrg-type{
  display:inline-flex!important;align-items:center;justify-content:center;gap:6px;
  min-width:58px;
}
.anwqrg-type-icon{
  width:20px;height:20px;display:inline-grid;place-items:center;
  border-radius:6px;background:#F3F4FF;color:var(--anwq-primary);
  font-size:9px;font-weight:900;line-height:1;flex:0 0 20px;
}
.anwqrg-type.active .anwqrg-type-icon{background:rgba(255,255,255,.18);color:#fff}
.anwqrg-field-icon{display:none!important}
.anwqrg-placeholder{gap:14px}
.anwqrg-placeholder-icon{
  width:58px;height:58px;display:grid;place-items:center;border-radius:16px;
  background:#EEF2FF;color:var(--anwq-primary);
}
.anwqrg-placeholder-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:2}
.anwqrg-placeholder span{font-size:12px;line-height:1.45}
.anwqrg-output{padding-top:14px}
.anwqrg-output canvas,.anwqrg-output img{margin:0 auto}
.anwqrg-custom-content{display:grid;gap:12px;margin-top:2px}
.anwqrg-custom-content .anwqrg-color-row{margin:0}
.anwqrg-custom-content .anwqrg-option-panel{margin:0}
.anwqrg-custom-tabs,.anwqrg-custom-pane{display:none!important}

/* Modern custom color picker */
.anwqrg-color-popover{
  position:fixed;z-index:2147483000;width:min(340px,calc(100vw - 20px));padding:16px;
  border:1px solid #E4E7EC;border-radius:16px;background:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.22),0 3px 12px rgba(15,23,42,.08);
  color:var(--anwq-heading);
}
.anwqrg-picker-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.anwqrg-picker-kicker{font-size:9px;font-weight:900;letter-spacing:1.2px;color:var(--anwq-primary)}
.anwqrg-picker-title{margin-top:2px;font-size:14px;font-weight:800;color:#111827}
.anwqrg-picker-close{
  width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;
  border:0!important;border-radius:9px!important;background:#F2F4F7!important;color:#98A2B3!important;
  font-size:16px!important;cursor:pointer!important;
}
.anwqrg-picker-close:hover{background:#E4E7EC!important;color:#475467!important}
.anwqrg-picker-sv-wrap{margin-top:14px}
.anwqrg-picker-sv{
  position:relative;width:100%;height:176px;border-radius:12px;overflow:hidden;cursor:crosshair;
  background:hsl(var(--picker-h,220) 100% 50%);
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
}
.anwqrg-picker-sv-white{
  position:absolute;inset:0;background:linear-gradient(to right,#fff,transparent);
}
.anwqrg-picker-sv-black{
  position:absolute;inset:0;background:linear-gradient(to top,#000,transparent);
}
.anwqrg-sv-thumb{
  position:absolute;width:18px;height:18px;border:3px solid #fff;border-radius:50%;
  transform:translate(-50%,-50%);box-shadow:0 2px 7px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.12);
  pointer-events:none;
}
.anwqrg-hue-wrap{margin-top:10px}
.anwqrg-hue-slider{
  position:relative;width:100%;height:14px;border-radius:999px;cursor:pointer;
  background:linear-gradient(90deg,#ff0000 0%,#ffff00 16.66%,#00ff00 33.33%,#00ffff 50%,#0000ff 66.66%,#ff00ff 83.33%,#ff0000 100%);
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.12);
}
.anwqrg-hue-thumb{
  position:absolute;top:50%;width:20px;height:20px;border:3px solid #fff;border-radius:50%;
  transform:translate(-50%,-50%);box-shadow:0 2px 7px rgba(15,23,42,.3),0 0 0 1px rgba(15,23,42,.12);
  pointer-events:none;
}
.anwqrg-quick-colors{display:flex;gap:8px;margin:14px 0}
.anwqrg-quick-colors button{
  width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;
  border-radius:8px!important;border:1px solid #D0D5DD!important;background:var(--q)!important;
  cursor:pointer!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important;
}
.anwqrg-quick-colors button:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(15,23,42,.14)!important}
.anwqrg-picker-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:7px}
.anwqrg-picker-field label{display:block;margin:0 0 5px;font-size:8px;font-weight:900;letter-spacing:.4px;color:#667085}
.anwqrg-picker-field input{
  width:100%!important;height:34px!important;min-height:34px!important;
  border:1px solid #D0D5DD!important;border-radius:8px!important;padding:0 8px!important;
  background:#fff!important;color:#111827!important;font-size:10px!important;box-shadow:none!important;
}
.anwqrg-picker-field input:focus{border-color:#A5B4FC!important;box-shadow:0 0 0 3px rgba(79,70,229,.08)!important}
.anwqrg-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.anwqrg-picker-preview{display:flex;align-items:center;gap:8px;color:#667085;font-size:10px}
.anwqrg-picker-preview span{width:28px;height:28px;border-radius:8px;border:1px solid #D0D5DD;display:block}
.anwqrg-picker-preview b{font-size:10px;color:#111827}
.anwqrg-picker-done{
  min-height:40px!important;padding:0 18px!important;border:0!important;border-radius:9px!important;
  background:#0B74D1!important;color:#fff!important;font-size:12px!important;font-weight:800!important;
  cursor:pointer!important;box-shadow:0 5px 12px rgba(11,116,209,.18)!important;
}
.anwqrg-picker-done:hover{background:#0966B8!important;transform:translateY(-1px)}

@media(max-width:900px){
  .anwqrg{max-width:760px}
  .anwqrg-editor{grid-template-columns:1fr}
  .anwqrg-details{order:1}.anwqrg-preview-panel{order:2}
  .anwqrg-preview-box{min-height:360px}
}
@media(max-width:600px){
  .anwqrg{margin:14px auto;padding:0 2px}
  .anwqrg-head{align-items:flex-start;gap:12px;padding-bottom:18px}
  .anwqrg-head-icon{flex-basis:52px;width:52px;height:52px;border-radius:15px}
  .anwqrg-head-icon svg{width:26px;height:26px}
  .anwqrg-head h2{font-size:27px!important}
  .anwqrg-head p{font-size:12px;line-height:1.5}
  .anwqrg-type-panel,.anwqrg-details,.anwqrg-preview-panel,.anwqrg-customize{padding:14px!important;border-radius:14px}
  .anwqrg-type-groups{gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}
  .anwqrg-type{min-height:42px;padding:7px 10px!important;scroll-snap-align:start}
  .anwqrg-type-icon{width:19px;height:19px;flex-basis:19px}
  .anwqrg-editor{gap:12px}
  .anwqrg-preview-panel{padding:14px!important}
  .anwqrg-preview-box{min-height:310px;padding:16px}
  .anwqrg-output{width:100%;padding-top:18px;display:flex;justify-content:center}
  .anwqrg-output canvas,.anwqrg-output img{max-width:min(100%,310px)!important}
  .anwqrg-status{font-size:10px}
  .anwqrg-export{grid-template-columns:1fr 1fr}
  .anwqrg-custom-content .anwqrg-color-row{grid-template-columns:1fr}
  .anwqrg-option-panel{align-items:flex-start;flex-direction:column}
  .anwqrg-modern-select{width:100%!important;min-width:0!important}
  .anwqrg-picker-sv{height:160px}
  .anwqrg-picker-fields{grid-template-columns:1.35fr 1fr 1fr 1fr}
  .anwqrg-color-popover{padding:14px;border-radius:15px}
}
@media(max-width:390px){
  .anwqrg-head h2{font-size:24px!important}
  .anwqrg-head-icon{flex-basis:48px;width:48px;height:48px}
  .anwqrg-type{font-size:10px!important}
  .anwqrg-export{grid-template-columns:1fr}
  .anwqrg-picker-fields{grid-template-columns:1fr 1fr}
  .anwqrg-picker-hex{grid-column:1/-1}
}