/* QR Code Utility — isolated from generic WPSTL builder controls and theme form styles. */
.wpstl-qr{--qr-border:#dbe2ea;--qr-muted:#627185;--qr-primary:#235b93;--qr-text:#172334;color:var(--qr-text);font:inherit;width:100%;max-width:1540px;margin:0 auto;}
.wpstl-qr,.wpstl-qr *{box-sizing:border-box;}
.wpstl-qr__intro{margin:0 0 18px!important;color:var(--qr-muted);font-size:14px;line-height:1.55;}
.wpstl-qr__workspace{display:grid;grid-template-columns:minmax(280px,346px) minmax(0,1fr);gap:18px;align-items:start;}
.wpstl-qr__sidebar,.wpstl-qr__main{background:#fff!important;border:1px solid var(--qr-border);border-radius:12px;min-width:0;color:var(--qr-text);box-shadow:0 2px 8px rgba(16,24,40,.035);}
.wpstl-qr__sidebar{overflow:visible;}
.wpstl-qr__section{background:#fff!important;padding:17px 18px 18px;margin:0;border-bottom:1px solid var(--qr-border);}
.wpstl-qr__section:first-child{border-radius:12px 12px 0 0;}
.wpstl-qr__section:last-child{border-bottom:0;border-radius:0 0 12px 12px;}
.wpstl-qr__section h3{font-size:15px;font-weight:700;line-height:1.35;margin:0 0 14px;padding:0;color:var(--qr-text);}
.wpstl-qr__field{min-width:0;margin:0 0 12px;}
.wpstl-qr__field:last-child{margin-bottom:0;}
.wpstl-qr__field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.wpstl-qr__field-grid .wpstl-qr__field{margin-bottom:0;}
.wpstl-qr__field-head{display:flex;align-items:center;gap:5px;justify-content:flex-start;margin:0 0 6px;min-height:19px;}
.wpstl-qr__field-head label,.wpstl-qr__field-head>span:not(.wpstl-qr__head-end){display:inline;margin:0;font-size:12px;font-weight:650;color:#28364a;line-height:1.3;min-width:0;}
.wpstl-qr__head-end{margin-left:auto;display:inline-flex;align-items:center;gap:6px;}
.wpstl-qr__head-end output{font-size:12px;color:var(--qr-muted);font-weight:600;font-variant-numeric:tabular-nums;}
.wpstl-qr__sidebar select,.wpstl-qr__sidebar input:not([type=checkbox]):not([type=color]):not([type=range]),.wpstl-qr__sidebar textarea{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;height:auto;font:inherit!important;font-size:13px!important;line-height:1.35!important;color:var(--qr-text)!important;background:#fff!important;border:1px solid #c6d0dd!important;border-radius:7px!important;padding:9px 10px!important;margin:0!important;box-shadow:none!important;outline-offset:1px;}
.wpstl-qr__sidebar select{appearance:auto!important;padding-right:8px!important;}
.wpstl-qr__sidebar textarea{min-height:78px!important;resize:vertical;}
.wpstl-qr__sidebar input[type=color]{display:block;width:100%;height:40px;min-height:40px;padding:3px;border:1px solid #c6d0dd;border-radius:7px;background:#fff;cursor:pointer;}
.wpstl-qr__sidebar input[type=range]{display:block;width:100%;height:24px;margin:0;accent-color:var(--qr-primary);cursor:pointer;}
.wpstl-qr__sidebar input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--qr-primary);flex-shrink:0;}
.wpstl-qr__sidebar input[type=file]{min-height:44px!important;padding:8px!important;font-size:11px!important;overflow:hidden;}
.wpstl-qr__sidebar :is(select,input,textarea):focus-visible{outline:2px solid #2563eb;outline-offset:2px;}
.wpstl-qr__toggle-row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0 0 13px;min-height:26px;}
.wpstl-qr__toggle-row label{margin:0;display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:600;line-height:1.35;}
.wpstl-qr__tip{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 17px;width:17px;height:17px;min-height:17px;padding:0;margin:0;border:1px solid #b6c3d3;border-radius:50%;background:#f8fafc;color:#51657b;font:bold 11px/1 sans-serif;cursor:help;box-shadow:none;}
.wpstl-qr__tip:is(:hover,:focus-visible){border-color:#24699b;color:#235b93;background:#eaf4fd;outline-offset:2px;}
.wpstl-qr__main{padding:18px 20px 20px!important;}
.wpstl-qr__preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;}
.wpstl-qr__preview-head strong{font-size:15px;color:var(--qr-text);}
.wpstl-qr__preview-head span{font-size:12px;color:var(--qr-muted);white-space:nowrap;}
.wpstl-qr__canvas{display:flex;align-items:center;justify-content:center;padding:24px;min-height:420px;background:#f4f6f8;border:1px solid #edf0f4;border-radius:9px;}
.wpstl-qr__canvas svg{width:min(100%,390px)!important;height:auto!important;display:block;max-width:100%;max-height:66vh;box-shadow:0 3px 12px rgba(16,24,40,.065);background:#fff;}
.wpstl-qr__action-row{display:flex;margin-top:15px;}
.wpstl-qr__action-row .wpstl-qr__download{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:43px!important;font:inherit;font-size:14px;font-weight:700;color:#fff!important;background:var(--qr-primary)!important;border:1px solid var(--qr-primary)!important;border-radius:7px!important;padding:10px 16px!important;cursor:pointer;}
.wpstl-qr__download:is(:hover,:focus-visible){background:#16436d!important;}
.wpstl-qr__download:disabled{opacity:.55;cursor:wait;}
.wpstl-qr__note{font-size:12px;line-height:1.55;color:var(--qr-muted);margin:12px 0 0!important;}
.wpstl-qr__status{font-size:13px;line-height:1.45;padding:10px 12px;margin-top:12px;border:1px solid #e5ad79;background:#fff7ed;color:#8a480e;border-radius:7px;}
.wpstl-qr [hidden]{display:none!important;}
.wpstl-qr__floating-tip{box-sizing:border-box;position:fixed;left:0;top:0;z-index:2147483000;width:min(285px,calc(100vw - 28px));background:#152334;color:#fff;font-size:12px;line-height:1.55;font-weight:400;border-radius:8px;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.20);pointer-events:none;visibility:hidden;opacity:0;transition:opacity .1s ease;overflow-wrap:anywhere;}
.wpstl-qr__floating-tip.is-visible{visibility:visible;opacity:1;}
@media(max-width:880px){.wpstl-qr__workspace{grid-template-columns:minmax(260px,315px) minmax(0,1fr);gap:12px}.wpstl-qr__canvas{min-height:340px;padding:15px}}
@media(max-width:700px){.wpstl-qr__workspace{grid-template-columns:1fr}.wpstl-qr__sidebar{max-width:none}.wpstl-qr__main{padding:16px!important}.wpstl-qr__canvas{min-height:280px}.wpstl-qr__canvas svg{width:min(100%,350px)!important}}
@media(max-width:355px){.wpstl-qr__field-grid{grid-template-columns:1fr}}
/* Inline export behavior and scan guidance */
.wpstl-qr__export-notice{margin:12px 0 0!important;border:1px solid #b5d2ec;border-radius:7px;background:#eff7ff;color:#204c6e;font-size:12px;line-height:1.5;padding:10px 11px;}
.wpstl-qr__scan-advice{margin:12px 0 0;border:1px solid #d8e5d7;border-radius:7px;background:#f7fbf7;color:#315b3b;padding:10px 12px;font-size:12px;line-height:1.55;}
.wpstl-qr__scan-advice.is-warning{background:#fff8ed;border-color:#f0d5a0;color:#7b4c10;}
.wpstl-qr__scan-advice strong{font-weight:700;}