@font-face{font-family:Offside;src:url('./brand-assets/Offside.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Oxanium;src:url('./brand-assets/Oxanium.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}

/* Unified QRCods typography: quiet interface, one Offside identity. */
:root{--font-body:"Segoe UI Variable","Segoe UI",system-ui,Arial,sans-serif;--font-display:"Segoe UI Variable","Segoe UI",system-ui,Arial,sans-serif;--font-label:"Segoe UI Variable","Segoe UI",system-ui,Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-body)!important}
body :is(h1,h2,h3,h4,h5,h6,p,label,button,input,select,textarea,.btn,.menu-trigger,.menu-option,.hint,.status){font-family:var(--font-body)!important}
input::placeholder,textarea::placeholder{color:#758198!important;opacity:.55!important;font-weight:400!important}
input:focus::placeholder,textarea:focus::placeholder{opacity:.38!important}
:is(.brand-name,.brand-x,.preview-brand-name,.brand-copy>b,.preview-brand-copy>b,.footer-product-brand b,.guide-brand-copy>b,.android-app-brand,.brand-descriptor,.brand-lockup b){font-family:Offside,"Segoe UI",sans-serif!important;font-weight:400!important;letter-spacing:0!important;font-synthesis:none}
:is(.brand .wordmark small,.brand-copy small,.preview-brand-copy small,.footer-product-brand small,.guide-brand-copy small,.android-app-brand-subline){font-family:Offside,"Segoe UI",sans-serif!important;font-weight:400!important;letter-spacing:.01em!important;text-transform:uppercase}

/* Wordmark descriptor and generated state. */
:is(.wordmark small,.brand-copy small,.preview-brand-copy small,.footer-product-brand small,.guide-brand-copy small,.brand-descriptor,.android-app-brand-subline){font-family:Offside,"Segoe UI",sans-serif!important;font-weight:400!important;color:#172033!important;opacity:1!important;letter-spacing:0!important}
.preview-live.is-generated{color:#147d4b!important;background:#eaf9ef!important;border-color:#a8dfbe!important;box-shadow:0 4px 14px #1d9c6120!important}
.preview-live.is-generated i{background:#20b875!important;box-shadow:0 0 0 4px #20b87522!important}

.batch-quantity-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 6px}.batch-quantity-row select,.batch-quantity-row input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd1e0;border-radius:12px;background:#fff;color:#172033;font:inherit}.batch-quantity-row [hidden]{display:none!important}.batch-quantity-help{font-size:13px;color:#67728a;margin:6px 0 14px;line-height:1.5}@media(max-width:480px){.batch-quantity-row{grid-template-columns:1fr}}

/* Readable header actions. */
header.top .top-nav a,header.top .top-nav button,header.top .nav a{font-size:15px!important}header.top .account-trigger,header.top .top-nav .cta{font-size:16px!important}
/* Clear spacing in the logo descriptor. */
:is(.wordmark small,.brand-copy small,.preview-brand-copy small,.footer-product-brand small,.guide-brand-copy small,.brand-descriptor,.android-app-brand-subline){letter-spacing:.075em!important;line-height:1.25!important}
/* More readable category options. */
#qr-kind-options .menu-option-name{font-size:15px!important}
#qr-kind-options .menu-option small{font-size:12px!important;line-height:1.45!important}
#qr-kind-options .menu-option{min-height:58px!important}
@media(max-width:600px){#qr-kind-options .menu-option-name{font-size:15px!important}#qr-kind-options .menu-option small{font-size:12px!important}}
/* Inter: consistent interface typography, bundled for offline loading. */
@font-face{font-family:QRCodsInter;src:url('./brand-assets/Inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-body:QRCodsInter,Arial,sans-serif;--font-display:QRCodsInter,Arial,sans-serif;--font-label:QRCodsInter,Arial,sans-serif}
body{font-family:var(--font-body)!important;line-height:1.55}
body :is(h1,h2,h3,h4,h5,h6,p,label,button,input,select,textarea,.btn,.menu-trigger,.menu-option,.hint,.status){font-family:var(--font-body)!important}
#create :is(input,textarea,select,button,label,.menu-option-name,.menu-option small){font-family:var(--font-body)!important}
#create .section-head h2{font-size:24px!important;font-weight:650!important;letter-spacing:-.035em!important;line-height:1.25!important}
#create .field label{font-size:14px!important;font-weight:550!important;letter-spacing:0!important}
#create :is(input:not([type=checkbox]):not([type=color]):not([type=range]),textarea,select){font-size:15px!important;font-weight:400!important;line-height:1.5!important}
#create #qr-kind-trigger{font-size:15px!important;font-weight:550!important;letter-spacing:0!important}
#create #generate{font-size:16px!important;font-weight:600!important;letter-spacing:0!important}
.generator-frame-label{font-family:var(--font-body)!important;font-weight:600!important;letter-spacing:.14em!important}
:is(.brand-name,.brand-x,.preview-brand-name,.brand-copy>b,.preview-brand-copy>b,.footer-product-brand b,.guide-brand-copy>b,.android-app-brand,.brand-descriptor,.brand-lockup b,.wordmark small,.brand-copy small,.preview-brand-copy small,.footer-product-brand small,.guide-brand-copy small){font-family:Offside,Arial,sans-serif!important;font-weight:400!important}
/* One shared QRCods logo across pages and result preview. */
.qrcods-identity{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#172033!important;text-decoration:none!important;flex:none!important}
.qrcods-identity .qrcods-identity-icon{display:block!important;width:44px!important;height:44px!important;object-fit:contain!important;margin:0!important;background:transparent!important;flex:none!important}
.qrcods-identity .qrcods-identity-copy{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:6px!important;margin:0!important}
.qrcods-identity .qrcods-identity-name{display:inline-flex!important;gap:3px!important;align-items:baseline!important;font:400 23px/1.2 Offside,Arial,sans-serif!important;letter-spacing:0!important;color:#172033!important;white-space:nowrap!important}
.qrcods-identity .qrcods-identity-name>span{font:inherit!important;letter-spacing:inherit!important;color:#4362ff!important;background:none!important;-webkit-text-fill-color:#4362ff!important}
.qrcods-identity .qrcods-identity-copy>small{display:block!important;font:400 10px/1.25 Offside,Arial,sans-serif!important;letter-spacing:.075em!important;color:#172033!important;opacity:1!important;margin:0!important;white-space:nowrap!important;text-transform:uppercase!important}
/* Consistent basic typography and visible outlines. */
:root{--font-body:Arial,Helvetica,sans-serif;--font-display:Arial,Helvetica,sans-serif;--font-label:Arial,Helvetica,sans-serif;--line:#626b7b}
body{font-size:15px;line-height:1.55}
body :is(h1,h2,h3,h4,h5,h6){font-weight:600;line-height:1.2;letter-spacing:-.025em}
body :is(p,input,textarea,select){font-weight:400;line-height:1.55}
body label{font-weight:600;letter-spacing:0}
body :is(button,.btn){font-weight:600;letter-spacing:0}
body *{border-color:#626b7b!important}
.keep-settings{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:14px 16px!important;margin:12px 0!important;border:1px solid #626b7b!important;border-radius:12px!important;background:#f6f8fc!important}
.keep-settings input{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:3px 0 0!important;accent-color:#315fe8}
.keep-settings>span{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0}
.keep-settings b{font:600 15px/1.4 Arial,Helvetica,sans-serif!important;color:#202839!important}
.keep-settings small{display:block!important;font:400 13px/1.5 Arial,Helvetica,sans-serif!important;color:#556176!important}
.batch-body .batch-input-label{font-size:15px!important;letter-spacing:0!important;font-weight:600!important;margin-bottom:8px!important;color:#252e40!important}
.batch-body .batch-input-label small{font-size:12px!important;letter-spacing:0!important;color:#657087!important}
.batch-quantity-stepper{display:flex;align-items:stretch;border:1px solid #626b7b;border-radius:12px;overflow:hidden;background:#fff}
.batch-quantity-stepper>button{flex:none;width:44px;border:0;background:#eef2ff;color:#315fe8;font-size:23px;cursor:pointer}
.batch-quantity-stepper>button:hover{background:#dce5ff}
.batch-quantity-stepper>button:focus-visible{outline:2px solid #315fe8;outline-offset:-3px}
.batch-quantity-stepper>select{flex:1;min-width:0;border:0!important;border-radius:0!important;background:#fff!important;color:#202839!important;font-size:15px!important;font-weight:500!important;padding:10px!important}
.batch-quantity-row input{font-size:15px!important}
/* Native smooth scrolling without wheel interception. */
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}#qr-kind-options,.menu-options,.account-panel{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.batch-quantity-control{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #626b7b;border-radius:14px;background:linear-gradient(120deg,#f8fbff,#f2f0ff);width:fit-content;max-width:100%}
#batch-quantity-display{min-width:100px;color:#172033;font-size:23px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
#batch-quantity-display small{display:block;font-size:11px;font-weight:400;color:#657087}
.batch-step-buttons{display:flex;gap:5px}
.batch-step-buttons button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #626b7b;border-radius:10px;background:#fff;color:#315fe8;font-size:23px;cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s}
.batch-step-buttons button:hover:not(:disabled){background:#e8edff;transform:translateY(-2px);box-shadow:0 4px 8px #315fe820}
.batch-step-buttons button:active:not(:disabled){transform:scale(.9);background:#dbe4ff}
.batch-step-buttons button:disabled{opacity:.38;cursor:default}
#batch-custom-toggle{border:0;background:transparent;color:#315fe8;font-size:12px;padding:8px 4px;cursor:pointer;border-radius:7px}
#batch-custom-toggle[aria-pressed=true]{background:#dfe7ff}
.batch-quantity-control button:focus-visible{outline:2px solid #315fe8;outline-offset:3px}
.quantity-pop{animation:quantityPop .22s ease-out}@keyframes quantityPop{from{transform:translateY(3px);opacity:.5}to{transform:none;opacity:1}}
@media(max-width:380px){.batch-quantity-control{gap:8px;padding:9px}#batch-quantity-display{min-width:80px}.batch-step-buttons button{width:34px;height:36px}}
.batch-studio-section[hidden]{display:none!important}.batch-quantity-row{grid-template-columns:1fr}.batch-unified-quantity{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px;border:1px solid #626b7b;border-radius:12px;background:#f8faff}.batch-unified-quantity #batch-quantity{width:76px!important;min-height:38px;padding:6px 9px!important;border:0!important;background:transparent!important;font:600 20px Arial,sans-serif!important;appearance:textfield}.batch-unified-quantity #batch-quantity::-webkit-inner-spin-button{appearance:none}.batch-unified-quantity>span{font:400 14px Arial,sans-serif;color:#526078;margin-right:8px}.batch-open-action{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;padding:11px 12px;margin-top:8px;border:1px solid #626b7b;border-radius:11px;background:#eef2ff;color:#263a83;font:600 14px Arial,sans-serif;cursor:pointer}.batch-open-action small{font:400 11px Arial,sans-serif;color:#626f89}.batch-open-action:hover{background:#e1e8ff}.batch-open-action:focus-visible{outline:2px solid #315fe8;outline-offset:3px}#batch-qr-workspace{scroll-margin-top:20px}
.qrcods-identity .qrcods-identity-name>span,.brand-x,.preview-brand-name i{font-family:Oxanium,Arial,sans-serif!important;font-weight:600!important;background:linear-gradient(120deg,#00bfe9,#386dff 55%,#8753ff)!important;color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
header.top{border-bottom:2px solid #111!important}
#create #generate,header.top .top-nav a.cta{background:linear-gradient(110deg,#08b6e6,#316bff 55%,#8451f0)!important;color:#fff!important;border:1px solid #315fe8!important;box-shadow:0 5px 15px #426bec22!important}
#create .banner-hint{font:400 11px/1.6 Arial,sans-serif!important;text-align:center!important;color:#5e6980!important;padding:12px 10px!important;margin:10px 0!important;border-top:1px solid #626b7b!important;border-bottom:1px solid #626b7b!important}
.float-qr-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}.float-qr-card{background:#ffffffed!important;box-shadow:0 14px 32px #28335514!important;border-color:#626b7b!important;overflow:hidden}.float-qr-label{font-family:Arial,sans-serif!important;font-size:10px!important;letter-spacing:.02em!important}.float-qr-scan{background:linear-gradient(90deg,transparent,#0bbceb,#6e54ff,transparent)!important;box-shadow:0 0 12px #496dff55!important;height:2px!important;animation:qrcodsScan 4s ease-in-out infinite!important}.float-qr-extra{position:absolute!important;padding:10px!important;width:95px!important;height:95px!important;border-radius:20px!important}.float-qr-extra .float-qr-art{width:100%!important;height:100%!important;margin:0!important}.extra-one{right:8px!important;top:5px!important;rotate:12deg;animation:qrExtraFloat 7s ease-in-out infinite!important}.extra-two{left:42px!important;bottom:15px!important;rotate:-7deg;width:80px!important;height:80px!important;animation:qrExtraFloat 8s ease-in-out -3s infinite!important}@keyframes qrExtraFloat{50%{translate:0 -13px;rotate:3deg}}@keyframes qrcodsScan{0%,100%{top:22%;opacity:0}20%,80%{opacity:.75}50%{top:80%}}
@media(max-width:1000px){.float-qr-extra{display:none!important}}@media(prefers-reduced-motion:reduce){.float-qr-scan,.float-qr-extra{animation:none!important}.float-qr-scan{display:none!important}}
.batch-source-options{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.batch-source-options legend{padding:0;margin-bottom:9px;font-size:14px;font-weight:600}.batch-source-options label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #626b7b;border-radius:12px;background:#fff;cursor:pointer}.batch-source-options label:has(input:checked){background:#eef2ff;outline:2px solid #5274e9;outline-offset:-2px}.batch-source-options input{width:17px!important;height:17px!important;margin:1px 0 0;flex:none;accent-color:#315fe8}.batch-source-options b{font:600 14px/1.4 Arial,sans-serif}.batch-source-options small{display:block;font:400 12px/1.5 Arial,sans-serif;color:#5f6c84;margin-top:4px}#batch-input[hidden],label[for=batch-input][hidden]{display:none!important}@media(max-width:640px){.batch-source-options{grid-template-columns:1fr}}

/* Brand lockup consistency: keep QR and GENERATOR in the same Offside face; Cods keeps its Oxanium accent. */
.qrcods-identity .qrcods-identity-copy>small{font-family:Offside,Arial,sans-serif!important;font-style:normal!important;font-weight:400!important;letter-spacing:0!important;text-transform:uppercase!important}
:is(.qrcods-identity .qrcods-identity-name,.brand-name,.word,.preview-brand-name,.brand-copy>b,.preview-brand-copy>b,.guide-brand-copy>b,.footer-product-brand .brand-name,.android-app-brand,.contact-brand-lockup b,.site-brand-logo.product-brand-lockup b,.footer-product-lockup b,.mini-result-head b,.mini-result-head>span>b){font-family:Offside,Arial,sans-serif!important;font-weight:400!important;letter-spacing:0!important}
:is(.preview-brand-name i,.guide-brand-copy>b i,.android-app-brand i,.contact-brand-lockup b i,.site-brand-logo.product-brand-lockup b i,.footer-product-lockup b i,.mini-result-head b i,.mini-result-head>span>b i,.footer-product-brand .brand-x){font-family:Oxanium,Arial,sans-serif!important;font-weight:600!important}
:is(.brand-copy small,.preview-brand-copy small,.guide-brand-copy small,.footer-product-brand small,.android-app-brand-subline,.footer-product-lockup small,.contact-brand-lockup small,.site-brand-logo.product-brand-lockup small){font-family:Offside,Arial,sans-serif!important;font-style:normal!important;font-weight:400!important;letter-spacing:0!important}

/* Product typography: Google's Inter for a clear, consistent interface. The QR Cods wordmark keeps its own identity. */
:root{--font-body:QRCodsInter,Inter,Arial,sans-serif!important;--font-display:QRCodsInter,Inter,Arial,sans-serif!important;--font-label:QRCodsInter,Inter,Arial,sans-serif!important}
html,body,button,input,select,textarea{font-family:QRCodsInter,Inter,Arial,sans-serif!important;font-synthesis:none}
body :is(h1,h2,h3,h4,h5,h6,p,label,button,input,select,textarea,.btn,.menu-trigger,.menu-option,.hint,.status){font-family:QRCodsInter,Inter,Arial,sans-serif!important}
body{font-weight:400;line-height:1.55}
body :is(h1,h2,h3,h4,h5,h6){font-family:QRCodsInter,Inter,Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.035em;line-height:1.2}
.hero h1{font-family:QRCodsInter,Inter,Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.055em!important;line-height:1.05!important}
.hero p,.section-head p,.site-info p,.contact-inner p{font-weight:400!important}
#create .section-head h2,#create .field label,#create #qr-kind-trigger{font-family:QRCodsInter,Inter,Arial,sans-serif!important}
/* Center and style export controls to match the blue generator action. */
.export-menu>summary{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px;padding:11px 44px!important;border:1px solid #315fe8!important;border-radius:12px!important;background:linear-gradient(110deg,#08b6e6,#316bff 55%,#8451f0)!important;color:#fff!important;font:600 15px/1.25 QRCodsInter,Inter,Arial,sans-serif!important;text-align:center!important;box-shadow:0 5px 15px #426bec22!important}
.export-menu>summary .export-chevron{position:absolute;right:12px;color:#fff!important}
.export-menu>summary .export-chevron svg{stroke:currentColor!important}
.jpg-brand-control{display:grid!important;grid-template-columns:18px auto;align-items:center!important;justify-content:center!important;column-gap:10px!important;text-align:center!important;padding:11px 14px!important}
.jpg-brand-control>span{justify-items:center!important;text-align:center!important;font:600 12px/1.35 QRCodsInter,Inter,Arial,sans-serif!important}
.jpg-brand-control small{font:400 11px/1.4 QRCodsInter,Inter,Arial,sans-serif!important}
.jpg-brand-control input{grid-row:1;grid-column:1}
/* Keep batch quantity and project assignment compact, centered, and readable. */
.batch-quantity-row{display:flex!important;justify-content:center!important;align-items:center!important;margin:18px 0 6px!important}
.batch-quantity-row>div{width:min(100%,460px)!important;text-align:center!important}
.batch-input-label[for=batch-quantity]{justify-content:center!important;font:600 15px/1.35 QRCodsInter,Inter,Arial,sans-serif!important;letter-spacing:0!important;color:#202b40!important;margin:0 0 9px!important}
.batch-quantity-row .batch-unified-quantity{width:min(100%,340px)!important;margin:0 auto!important;justify-content:center!important;gap:10px!important;padding:8px 10px!important;border:1px solid #64718a!important;border-radius:14px!important;background:linear-gradient(120deg,#f7fbff,#f4f2ff)!important;box-shadow:0 5px 16px #2436610a!important}
.batch-unified-quantity #batch-quantity{width:76px!important;min-height:42px!important;border:1px solid #dfe5f0!important;border-radius:10px!important;background:#fff!important;text-align:center!important;font:600 19px/1 QRCodsInter,Inter,Arial,sans-serif!important;color:#172033!important}
.batch-unified-quantity>span{font:400 14px/1.35 QRCodsInter,Inter,Arial,sans-serif!important;color:#536078!important;margin:0 8px 0 0!important}
.batch-step-buttons{gap:6px!important}
.batch-step-buttons button{width:40px!important;height:40px!important;border:1px solid #b8c6ef!important;border-radius:11px!important;background:#fff!important;color:#315fe8!important;font:600 22px/1 QRCodsInter,Inter,Arial,sans-serif!important}
.batch-quantity-help{text-align:center!important;font:400 12px/1.5 QRCodsInter,Inter,Arial,sans-serif!important;color:#657187!important}
.batch-input-label[for=batch-input]{justify-content:center!important;font:600 14px/1.35 QRCodsInter,Inter,Arial,sans-serif!important;letter-spacing:0!important}
.batch-unified-quantity:focus-within{border-color:#315fe8!important;box-shadow:0 0 0 3px #315fe822!important}
.batch-project-select{display:block;width:min(100%,460px);min-height:42px;margin:12px auto 0;padding:9px 12px;border:1px solid #d9e1f0;border-radius:11px;background:#fff;color:#26334a;font:500 13px QRCodsInter,Inter,Arial,sans-serif}
.project-target-control{display:block;width:100%;min-height:40px;padding:8px 11px;border:1px solid #d9e1f0;border-radius:10px;background:#fff;color:#26334a;font:500 12px QRCodsInter,Inter,Arial,sans-serif}
.account-project-link{display:flex!important}
#dashboard:not(:target){display:none!important}#dashboard:target{display:block!important;scroll-margin-top:22px}
@media(max-width:560px){.export-menu>summary{min-height:46px;font-size:14px!important}.batch-quantity-row>div{width:100%!important}.jpg-brand-control{padding:10px!important}.batch-input-label[for=batch-quantity]{font-size:14px!important}}

.footer-promo-badge{display:inline-flex;align-items:center;margin-left:5px;padding:4px 8px;border:1px solid #b6dfc4;border-radius:999px;background:#edf8f0;color:#176b3a;font:600 9px/1.2 QRCodsInter,Inter,Arial,sans-serif;white-space:nowrap}


/* Unified product typography: Google Fonts Inter, with the QR Cods wordmark excluded. */
body,body *:not(.qrcods-identity):not(.qrcods-identity *):not(.brand-name):not(.brand-x):not(.preview-brand-name):not(.brand-copy>b):not(.preview-brand-copy>b):not(.footer-product-brand b):not(.guide-brand-copy>b):not(.android-app-brand):not(.brand-descriptor):not(.brand-lockup b):not(.wordmark small):not(.brand-copy small):not(.preview-brand-copy small):not(.footer-product-brand small):not(.guide-brand-copy small):not(.android-app-brand-subline){font-family:QRCodsInter,Inter,Arial,sans-serif!important;font-synthesis:none}
:root{--font-body:QRCodsInter,Inter,Arial,sans-serif!important;--font-display:QRCodsInter,Inter,Arial,sans-serif!important;--font-label:QRCodsInter,Inter,Arial,sans-serif!important}
body{font-size:15px!important;line-height:1.55!important}
body :is(h1,h2,h3,h4,h5,h6){font-weight:600!important;line-height:1.22!important;letter-spacing:-.025em!important}
body :is(label,button,.btn){font-weight:600!important;letter-spacing:0!important}
.float-qr-art img{shape-rendering:crispEdges;filter:contrast(1.12);image-rendering:auto}
.float-qr-card{border-color:#344054!important;box-shadow:0 16px 36px #12182720!important}
.float-qr-scan{opacity:.85!important}

/* Refined category picker, export borders, and generator label. */
#qr-kind-options{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;max-height:min(390px,56vh)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8b98ad #f3f6fb;border:1px solid #263247!important;border-radius:16px!important;padding:8px!important}
#qr-kind-options::-webkit-scrollbar{width:9px!important}#qr-kind-options::-webkit-scrollbar-track{background:#f3f6fb!important;border-radius:9px!important}#qr-kind-options::-webkit-scrollbar-thumb{border:2px solid #f3f6fb!important;border-radius:9px!important;background:#8794a9!important}#qr-kind-options::-webkit-scrollbar-thumb:hover{background:#52627b!important}
#qr-kind-options .menu-option{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:60px!important;padding:10px 12px!important;gap:12px!important;border-radius:12px!important}
#qr-kind-options .menu-option-copy{min-width:0!important;flex:1 1 auto!important;gap:12px!important}#qr-kind-options .menu-option-name{font-size:15px!important;line-height:1.35!important;font-weight:650!important}#qr-kind-options .menu-option small{max-width:48%!important;font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
#qr-kind-options .menu-option:focus-visible{outline:2px solid #315fe8!important;outline-offset:-2px!important}
@media(max-width:600px){#qr-kind-options{max-height:min(360px,52vh)!important}#qr-kind-options .menu-option{min-height:58px!important;padding:9px!important}#qr-kind-options .menu-option-copy{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}#qr-kind-options .menu-option small{max-width:100%!important;text-align:left!important;font-size:11px!important}}
.export-menu-list #download-png,.export-menu-list #download-jpg{border:1px solid #172033!important}
.generator-frame-label{border:1px solid #161b25!important;outline:2px solid #161b25!important;outline-offset:2px!important;box-shadow:0 0 0 5px #fff,0 7px 22px #202c4822!important;font-family:QRCodsInter,Inter,Arial,sans-serif!important}
.qrcods-identity .qrcods-identity-copy>small{font-family:Offside,Arial,sans-serif!important;font-style:normal!important;font-weight:400!important;letter-spacing:.015em!important}