.buyer-design-console .bd-scan-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border-color:#c7ded1;color:#387456;background:#f8fcf9}
.buyer-design-console .bd-scan-button:hover{border-color:#9ac9ac;background:#edf6f0}
dialog:has(.bd-qr){width:560px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:25px;border:1px solid #dfebe5;border-radius:18px;overflow:auto;scrollbar-width:thin;scrollbar-color:#bcd1c5 transparent}
dialog:has(.bd-qr) .modal-heading{margin-bottom:23px}
dialog:has(.bd-qr) .modal-heading h2{font-size:18px;letter-spacing:-.3px}
dialog:has(.bd-qr) .modal-heading button{min-width:44px;min-height:44px}
.bd-qr{--qr-green:#167b61;--qr-ink:#294e42;min-width:0;color:var(--qr-ink);font-size:12px;line-height:1.7}
.bd-qr *{box-sizing:border-box}
.bd-qr-intro{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.bd-qr-emblem{display:grid;place-items:center;width:46px;height:46px;flex:none;background:#eaf5ef;border:1px solid #d7eadf;color:#2d8867;border-radius:13px}
.bd-qr svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.bd-qr-emblem svg{width:25px;height:25px}
.bd-qr-intro strong{display:block;font-size:15px;font-weight:650}
.bd-qr-intro p{color:#8b9c94;font-size:11px;margin:4px 0 0;line-height:1.8}
.bd-qr-summary{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;border:1px solid #e2ebe5;background:#f9fbf9;border-radius:10px;padding:12px 14px}
.bd-qr-summary>strong{font-size:12px;font-weight:550;overflow-wrap:anywhere;min-width:0}
.bd-qr-badges{display:flex;gap:5px;flex-wrap:wrap}
.bd-qr-badge{font-size:10px;color:#328267;background:#e9f4ee;border:1px solid #d4e9de;border-radius:5px;padding:2px 7px;white-space:normal}
.bd-qr-badge.is-draft{color:#a07b45;background:#fff5e3;border-color:#f0e0c1}
.bd-qr-badge.is-stopped{color:#ae6551;background:#fff0e9;border-color:#efd3c6}
.bd-qr-stage{text-align:center;padding:22px 0 0}
.bd-qr-frame{position:relative;display:grid;place-items:center;aspect-ratio:1;width:224px;max-width:100%;margin:auto;padding:12px;border:1px solid #dce9e0;border-radius:15px;box-shadow:0 5px 22px #254f3610;background:#fff}
.bd-qr-frame img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.bd-qr-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;position:absolute;inset:10px;background:#fbfdfb;border-radius:9px;color:#86a08f;font-size:11px}
.bd-qr-spinner{display:block;width:22px;height:22px;border:2px solid #e0ece4;border-top-color:#4f9c77;border-radius:50%;animation:bd-qr-spin .8s linear infinite}
.bd-qr-caption{margin:12px 0 17px;color:#88a093;font-size:11px;letter-spacing:.5px}
.bd-qr-stage.has-error{display:none}
.bd-qr-warning{border:1px solid #f1dfba;background:#fff8eb;border-radius:8px;padding:10px 12px;font-size:11px;color:#a17d44;line-height:1.8;margin:14px 0}
.bd-qr-language-note{color:#9a875f;font-size:11px;line-height:1.8;margin:13px 0 8px}
.bd-qr-controls{margin-bottom:12px}
.bd-qr-language{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:15px;margin:0;font-size:11px;color:#81968b}
.bd-qr-language>span{padding-top:12px;flex:none}
.bd-qr-languages{width:235px;max-width:75%;min-width:0}
.bd-qr-language-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;min-width:0;min-height:44px;padding:9px 12px;border:1px solid #dce8df;border-radius:8px;color:#466c58;background:#fff;font-size:12px;font-weight:400;outline-offset:3px;cursor:pointer}
.bd-qr-language-trigger::-webkit-details-marker{display:none}
.bd-qr-language-trigger:after{content:'';width:6px;height:6px;border-right:1px solid #7d9c88;border-bottom:1px solid #7d9c88;transform:rotate(45deg);margin-top:-3px;flex:none}
.bd-qr-language-trigger[aria-disabled=true]{opacity:.6;cursor:default}
.bd-qr-languages[open]>.bd-qr-language-trigger{border-color:#91bca1;box-shadow:0 0 0 3px #eaf4ed}
.bd-qr-languages[open]>.bd-qr-language-trigger:after{transform:rotate(225deg);margin-top:3px}
.bd-qr-language-options{display:grid;gap:3px;max-height:235px;overflow:auto;border:1px solid #dbe8de;border-radius:8px;padding:5px;margin-top:6px;box-shadow:0 5px 16px #274f3610;background:#fff;scrollbar-width:thin;scrollbar-color:#c0d7c8 transparent}
.bd-qr-language-options button{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;padding:9px 11px;border:0;border-radius:5px;background:#fff;color:#5b7865;text-align:left;font:inherit;cursor:pointer}
.bd-qr-language-options button:hover{background:#f1f7f2}
.bd-qr-language-options button[aria-selected=true]{background:#eaf5ed;color:#2e7950}
.bd-qr-language-options button[aria-selected=true]:after{content:'✓';font-size:11px;color:#4b9766}
.bd-qr-url-box{padding:12px 14px;background:#f5f9f6;border:1px solid #e0eae2;border-radius:9px;min-width:0}
.bd-qr-url-box>span{display:block;font-size:10px;color:#8ca093;margin-bottom:5px}
.bd-qr-url{display:block;font:11px/1.8 ui-monospace,Consolas,monospace;color:#4a8063;word-break:break-all;overflow-wrap:anywhere;user-select:text}
.bd-qr-url[href]:hover{text-decoration:underline}
.bd-qr-draft-note{font-size:10px;color:#9aa99f;margin:9px 1px 18px;line-height:1.8}
.bd-qr-actions{display:grid;grid-template-columns:1.06fr 1.15fr 1fr;gap:8px}
.bd-qr .bd-qr-action{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 11px;min-height:44px;border:1px solid #dbe7de;border-radius:8px;background:#fff;color:#577564;font-family:inherit;font-size:11px;font-weight:500;line-height:1.6;text-decoration:none;cursor:pointer;white-space:normal;min-width:0;transition:background .15s,border-color .15s}
.bd-qr .bd-qr-action:hover{background:#f3f8f4;border-color:#bcd7c5}
.bd-qr .bd-qr-action.is-primary{color:#fff;background:var(--qr-green);border-color:var(--qr-green)}
.bd-qr .bd-qr-action.is-primary:hover{background:#10684f}
.bd-qr .bd-qr-action:disabled,.bd-qr .bd-qr-action[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.bd-qr :focus-visible{outline:2px solid #66a883;outline-offset:3px}
.bd-qr-feedback{color:#3a8b64;font-size:11px;line-height:1.8;margin:11px 1px 0}
.bd-qr-feedback.is-error{color:#b06c55}
.bd-qr-error{display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px;padding:25px 20px;background:#fffaf3;border:1px solid #efe1ca;border-radius:10px;margin-top:18px;color:#9b7b4b;font-size:12px;line-height:1.9}
.bd-qr-error>p{margin:0}
.bd-qr-error .bd-qr-action{min-width:130px;background:#fffefc;color:#937345;border-color:#e7d6b9}
.bd-qr-clipboard{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.bd-qr [hidden]{display:none!important}
@keyframes bd-qr-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.buyer-design-console .bd-site-actions>.bd-scan-button{min-height:44px;padding:9px 10px}}
@media(max-width:480px){dialog:has(.bd-qr){padding:20px 17px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}dialog:has(.bd-qr) .modal-heading{margin-bottom:17px}.bd-qr-intro{gap:10px;margin-bottom:16px}.bd-qr-emblem{width:40px;height:44px;border-radius:11px}.bd-qr-intro strong{font-size:13px}.bd-qr-intro p{font-size:10px}.bd-qr-summary{padding:10px 11px;gap:8px}.bd-qr-summary>strong{font-size:11px}.bd-qr-stage{padding-top:18px}.bd-qr-frame{width:210px}.bd-qr-languages{max-width:180px}.bd-qr-actions{grid-template-columns:1fr 1fr;gap:8px}.bd-qr-actions>.bd-qr-action:last-child{grid-column:1/-1}.bd-qr .bd-qr-action{font-size:11px}.bd-qr-error{padding:20px 12px}.bd-qr-draft-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.bd-qr-spinner{animation:none}.bd-qr .bd-qr-action{transition:none}}