.vm-qr-root{
  --vqr-blue:#1769e7;
  --vqr-blue-dark:#0f58c9;
  --vqr-blue-soft:#eef5ff;
  --vqr-text:#263a55;
  --vqr-muted:#6f8096;
  --vqr-border:#dce6f1;
  --vqr-bg:#f7faff;
  --vqr-success:#16834b;
  --vqr-danger:#c43d4d;
  display:block;
  width:100%;
  color:var(--vqr-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.vm-qr-root *{box-sizing:border-box}
.vqr-shell{display:grid;gap:14px;width:min(100%,1060px);margin:0 auto}
.vqr-card{border:1px solid var(--vqr-border);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(37,67,107,.055)}
.vqr-intro{display:grid;justify-items:center;padding:20px 20px 18px;text-align:center}
.vqr-privacy{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-bottom:12px;padding:7px 11px;border:1px solid #d6e8ff;border-radius:999px;background:#f5f9ff;color:#4171ad;font-size:10px;font-weight:800}
.vqr-privacy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vqr-tool-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:10px;border-radius:18px;background:linear-gradient(145deg,#eef5ff,#f9fbff);color:var(--vqr-blue);box-shadow:inset 0 0 0 1px #dce9fb}
.vqr-tool-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vqr-intro h2{margin:0;color:#223750;font-size:22px;line-height:1.25;font-weight:900}
.vqr-intro p{max-width:720px;margin:7px 0 0;color:var(--vqr-muted);font-size:12px;line-height:1.65}
.vqr-workspace{padding:18px}
.vqr-work-grid{display:grid;grid-template-columns:minmax(310px,.94fr) minmax(360px,1.06fr);gap:18px;align-items:start}
.vqr-controls{display:grid;gap:11px;min-width:0}
.vqr-fields{display:grid;gap:10px}
.vqr-fields[hidden],.vqr-field[hidden],.vqr-downloads[hidden],.vqr-detail[hidden]{display:none!important}
.vqr-pair,.vqr-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.vqr-field{display:grid;gap:7px;min-width:0;color:#52657c;font-size:11px;font-weight:850;text-align:start}
.vqr-field>span:first-child{padding-inline:2px}
.vqr-field input[type=text],
.vqr-field input[type=url],
.vqr-field input[type=email],
.vqr-field input[type=tel],
.vqr-field input[type=password],
.vqr-field textarea,
.vqr-select-wrap select{
  width:100%;
  border:1px solid #cedae8;
  border-radius:13px;
  background:#fff;
  color:#263a55;
  font:inherit;
  font-size:12px;
  font-weight:700;
  outline:0;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease
}
.vqr-field input[type=text],
.vqr-field input[type=url],
.vqr-field input[type=email],
.vqr-field input[type=tel],
.vqr-field input[type=password],
.vqr-select-wrap select{height:48px;padding:0 13px}
.vqr-field textarea{min-height:112px;padding:12px 13px;line-height:1.55;resize:vertical}
.vqr-fields[data-vqr-fields="text"] textarea{min-height:150px}
.vqr-field input:focus,.vqr-field textarea:focus,.vqr-select-wrap select:focus{border-color:var(--vqr-blue);box-shadow:0 0 0 3px rgba(23,105,231,.1)}
.vqr-field input:disabled,.vqr-field textarea:disabled,.vqr-select-wrap select:disabled{background:#f6f8fb;color:#8795a7;cursor:not-allowed}
.vqr-select-wrap{position:relative;display:block;min-width:0}
.vqr-select-wrap select{padding-inline-end:42px;appearance:none}
.vqr-chevron{position:absolute;top:50%;right:13px;display:grid;place-items:center;width:17px;height:17px;color:#71849b;transform:translateY(-50%);pointer-events:none}
.vm-qr-root[dir=rtl] .vqr-chevron{right:auto;left:13px}
.vqr-chevron svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vqr-check{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e1e9f2;border-radius:12px;background:#fff;color:#52657c;font-size:11px;font-weight:700;text-align:start}
.vqr-check input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:var(--vqr-blue)}
.vqr-check>span strong,.vqr-check>span small{display:block}
.vqr-check>span strong{font-size:11px}
.vqr-check>span small{margin-top:3px;color:#718096;font-size:9px;line-height:1.45}
.vqr-advanced{display:block!important;height:auto!important;min-height:0!important;margin:1px 0 0!important;padding:0!important;border:1px solid #e2eaf3;border-radius:14px;background:#fbfdff;overflow:hidden}
.vqr-advanced summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;min-height:48px!important;margin:0!important;padding:12px 14px!important;color:#40536b;font-size:12px;font-weight:850;line-height:1.2;cursor:pointer;list-style:none}
.vqr-advanced summary::-webkit-details-marker{display:none}
.vqr-advanced summary>span:first-child{display:inline-flex;align-items:center;gap:8px}
.vqr-advanced summary>span:first-child svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vqr-advanced summary>.vqr-chevron{position:static!important;inset:auto!important;display:grid;width:18px;height:18px;flex:0 0 18px;transform:none!important;transition:transform .16s ease}
.vqr-advanced[open] summary>.vqr-chevron{transform:rotate(180deg)!important}
.vqr-advanced:not([open])>.vqr-advanced-body{display:none!important}
.vqr-advanced-body{display:grid;gap:12px;padding:0 14px 14px}
.vqr-color{width:100%!important;height:48px!important;padding:5px!important;border:1px solid #cedae8!important;border-radius:13px!important;background:#fff!important;cursor:pointer}
.vqr-color:disabled{opacity:.48;cursor:not-allowed}
.vqr-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  min-height:53px;
  margin-top:2px;
  padding:0 18px;
  border:0;
  border-radius:15px;
  background:linear-gradient(135deg,var(--vqr-blue),var(--vqr-blue-dark));
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:900;
  box-shadow:0 11px 24px rgba(23,105,231,.2),inset 0 1px 0 rgba(255,255,255,.2);
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease
}
.vqr-primary:hover:not(:disabled),.vqr-primary:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px rgba(23,105,231,.25)}
.vqr-primary:disabled{opacity:.45;cursor:not-allowed}
.vqr-primary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vqr-status{min-height:18px;color:#718096;font-size:10px;line-height:1.45;text-align:center}
.vqr-status.is-error{color:var(--vqr-danger)}
.vqr-status.is-success{color:var(--vqr-success)}
.vqr-preview-panel{display:grid;gap:12px;min-width:0;padding:15px;border:1px solid #e0e8f1;border-radius:18px;background:linear-gradient(180deg,#fcfdff,#f8fbff)}
.vqr-preview-heading{text-align:start}
.vqr-preview-heading strong,.vqr-preview-heading small{display:block}
.vqr-preview-heading strong{color:#2b405a;font-size:13px;font-weight:900}
.vqr-preview-heading small{margin-top:3px;color:#75859a;font-size:10px;line-height:1.5}
.vqr-preview{display:flex;align-items:center;justify-content:center;min-height:430px;padding:24px;border:1px dashed #cbd9e8;border-radius:16px;background:#fff;overflow:hidden}
.vqr-preview>svg{display:block;width:min(100%,380px);height:auto;max-height:380px;filter:drop-shadow(0 8px 20px rgba(40,63,90,.08))}
.vqr-preview-empty{display:grid;justify-items:center;gap:9px;max-width:280px;color:#8a98aa;font-size:11px;line-height:1.55;text-align:center}
.vqr-preview-empty svg{width:38px;height:38px;fill:none;stroke:#9bb0c8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vqr-preview-empty.is-error{color:var(--vqr-danger)}
.vqr-preview-empty.is-error svg{stroke:#d37a86}
.vqr-detail{padding:8px 10px;border:1px solid #dce9f7;border-radius:11px;background:#f6faff;color:#466887;font-size:10px;font-weight:800;text-align:center}
.vqr-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.vqr-download{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  padding:0 10px;
  border:1px solid #d5e3f2;
  border-radius:12px;
  background:#fff;
  color:#356aa9;
  font:inherit;
  font-size:10.5px;
  font-weight:850;
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease
}
.vqr-download:hover:not(:disabled),.vqr-download:focus-visible:not(:disabled){border-color:#a9c7eb;background:#f4f9ff;color:#195fb7}
.vqr-download:disabled{opacity:.5;cursor:not-allowed}
.vqr-download svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vqr-primary:focus-visible,.vqr-download:focus-visible,.vqr-advanced summary:focus-visible{outline:3px solid rgba(23,105,231,.22);outline-offset:2px}
@media(max-width:820px){
  .vqr-work-grid{grid-template-columns:1fr}
  .vqr-preview-panel{order:2}
  .vqr-preview{min-height:350px}
  .vqr-preview>svg{max-height:310px;width:min(100%,310px)}
}
@media(max-width:560px){
  .vqr-intro{padding:17px 14px}
  .vqr-workspace{padding:14px}
  .vqr-pair,.vqr-settings-grid,.vqr-downloads{grid-template-columns:1fr}
  .vqr-preview{min-height:290px;padding:16px}
  .vqr-preview>svg{max-height:255px;width:min(100%,255px)}
  .vqr-tool-icon{width:54px;height:54px}
  .vqr-intro h2{font-size:20px}
  .vqr-fields[data-vqr-fields="text"] textarea{min-height:130px}
}
@media(prefers-reduced-motion:reduce){
  .vqr-primary,.vqr-download,.vqr-field input,.vqr-field textarea,.vqr-select-wrap select,.vqr-advanced summary>.vqr-chevron{transition:none}
}