/* ==========================================================
   Superb Digitals — Tool Application Shell v1.8
   Refined Blogger-era neon/glass experience, scoped to tools.
   ========================================================== */
body.superb-qr-code-generator-page #my-custom-code,
body.superb-email-signature-page #my-custom-code{font-size:16px;background:radial-gradient(circle at 78% 5%,rgba(93,19,175,.24),transparent 30%),linear-gradient(145deg,#12071d,#0f0518 62%,#170823);padding-top:0}

body.superb-qr-code-generator-page #my-custom-code .sdtool-context-bar,
body.superb-email-signature-page #my-custom-code .sdtool-context-bar{min-height:36px;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:11px;padding:6px max(20px,calc((100vw - 1320px)/2));margin:0;color:#fff;background:linear-gradient(90deg,#5d13af 0%,#9f22c4 53%,#ff3bbf 100%);border:0;box-shadow:inset 0 -1px rgba(255,255,255,.14);font-family:"Montserrat",sans-serif;position:relative;z-index:30;white-space:nowrap;overflow:hidden}
body.superb-qr-code-generator-page #my-custom-code .sdtool-context-label,
body.superb-email-signature-page #my-custom-code .sdtool-context-label{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.16);font-size:11px;line-height:1;font-weight:850;letter-spacing:.11em}
body.superb-qr-code-generator-page #my-custom-code .sdtool-context-bar strong,
body.superb-email-signature-page #my-custom-code .sdtool-context-bar strong{overflow:hidden;text-overflow:ellipsis;font-family:"Raleway",sans-serif;font-size:13.5px;font-weight:800}
body.superb-email-signature-page #my-custom-code .sdtool-context-copy{overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.82);font-size:12.5px}
body.superb-qr-code-generator-page #my-custom-code .sdtool-context-bar a,
body.superb-email-signature-page #my-custom-code .sdtool-context-bar a{margin-left:auto;color:#fff;font-size:12.5px;font-weight:750;text-decoration:none;border:0;opacity:.94}

body.superb-qr-code-generator-page #my-custom-code .sdtool-app-hero,
body.superb-email-signature-page #my-custom-code>section:first-of-type{padding-top:58px;padding-bottom:52px}
body.superb-qr-code-generator-page #my-custom-code .sdtool-app-hero h1,
body.superb-email-signature-page #my-custom-code>section:first-of-type h1{font-size:clamp(45px,5vw,74px);line-height:1.01;letter-spacing:-.047em;margin-bottom:18px}
body.superb-qr-code-generator-page #my-custom-code .sdtool-app-hero p,
body.superb-email-signature-page #my-custom-code>section:first-of-type p{font-size:clamp(16px,1.4vw,19px);line-height:1.72}

body.superb-qr-code-generator-page #my-custom-code .text-xs,
body.superb-email-signature-page #my-custom-code .text-xs{font-size:12px;line-height:1.45}
body.superb-qr-code-generator-page #my-custom-code .text-sm,
body.superb-email-signature-page #my-custom-code .text-sm{font-size:14px;line-height:1.55}
body.superb-qr-code-generator-page #my-custom-code .text-base,
body.superb-email-signature-page #my-custom-code .text-base{font-size:16px}
body.superb-qr-code-generator-page #my-custom-code h2,
body.superb-email-signature-page #my-custom-code h2{letter-spacing:-.025em}
body.superb-qr-code-generator-page #my-custom-code .glass-card,
body.superb-email-signature-page #my-custom-code .glass-card{border-color:rgba(255,255,255,.13);box-shadow:0 18px 52px rgba(5,2,11,.18)}
body.superb-qr-code-generator-page #my-custom-code .animate-pulse-glow,
body.superb-email-signature-page #my-custom-code .count-pulse{animation:none}

/* QR builder alignment and hierarchy */
body.superb-qr-code-generator-page #my-custom-code .sdqr-builder-section{overflow:visible;padding-top:12px}
body.superb-qr-code-generator-page #my-custom-code .sdqr-builder-shell{width:min(calc(100% - 20px),1380px);max-width:1380px;overflow:visible}
body.superb-qr-code-generator-page #my-custom-code .sdqr-builder-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);gap:26px;align-items:start}
body.superb-qr-code-generator-page #my-custom-code .sdqr-controls,
body.superb-qr-code-generator-page #my-custom-code .sdqr-preview-column{min-width:0;max-width:none}
body.superb-qr-code-generator-page #my-custom-code .sdqr-controls>.glass-card{border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));backdrop-filter:blur(18px)}
body.superb-qr-code-generator-page #my-custom-code .sdqr-controls>.glass-card>h2{font-size:18px;margin-bottom:18px}
body.superb-qr-code-generator-page #my-custom-code .qr-type-btn{min-width:0;min-height:76px;padding:10px 5px;border-radius:14px;background:rgba(255,255,255,.025)}
body.superb-qr-code-generator-page #my-custom-code .qr-type-btn:hover{background:rgba(255,59,191,.08)}
body.superb-qr-code-generator-page #my-custom-code .qr-type-btn.active{background:linear-gradient(145deg,rgba(93,19,175,.28),rgba(255,59,191,.15));box-shadow:0 10px 25px rgba(93,19,175,.16)}
body.superb-qr-code-generator-page #my-custom-code .qr-type-btn svg{width:22px;height:22px}
body.superb-qr-code-generator-page #my-custom-code .sdqr-preview-column{position:relative}
body.superb-qr-code-generator-page #my-custom-code .sdqr-preview-card{position:sticky;top:calc(var(--sdh-height,88px) + 54px);border-radius:28px;padding:22px;background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(93,19,175,.08));border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 75px rgba(5,2,11,.25);backdrop-filter:blur(22px)}
body.superb-qr-code-generator-page #my-custom-code .sdqr-preview-card>h2{font-size:19px;margin-bottom:17px}
body.superb-qr-code-generator-page #my-custom-code #qr-preview-wrapper{width:100%;min-height:390px;padding:24px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(28,15,36,.08),0 16px 38px rgba(0,0,0,.16)}
body.superb-qr-code-generator-page #my-custom-code #qr-frame{max-width:100%}
body.superb-qr-code-generator-page #my-custom-code #qr-container{max-width:100%;overflow:hidden}
body.superb-qr-code-generator-page #my-custom-code #qr-container canvas,
body.superb-qr-code-generator-page #my-custom-code #qr-container svg{display:block;max-width:100%;height:auto}
body.superb-qr-code-generator-page #my-custom-code .sdqr-generate{min-height:58px;border-radius:17px;box-shadow:0 16px 38px rgba(255,59,191,.18)}
body.superb-qr-code-generator-page #my-custom-code input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),
body.superb-qr-code-generator-page #my-custom-code select,
body.superb-qr-code-generator-page #my-custom-code textarea{min-height:46px;border-radius:13px}
body.superb-qr-code-generator-page #my-custom-code textarea{min-height:110px}
body.superb-qr-code-generator-page #my-custom-code .export-btn,
body.superb-qr-code-generator-page #my-custom-code #copy-to-clipboard{min-height:46px;border-radius:13px}

@media(max-width:1023px){
  body.superb-qr-code-generator-page #my-custom-code .sdqr-builder-grid{grid-template-columns:1fr}
  body.superb-qr-code-generator-page #my-custom-code .sdqr-preview-card{position:static}
  body.superb-qr-code-generator-page #my-custom-code .sdqr-preview-column{order:-1}
  body.superb-qr-code-generator-page #my-custom-code #qr-preview-wrapper{min-height:330px}
}
@media(max-width:767px){
  body.superb-qr-code-generator-page #my-custom-code .sdtool-context-bar,
  body.superb-email-signature-page #my-custom-code .sdtool-context-bar{min-height:36px;justify-content:flex-start;gap:7px;padding:6px 14px}
  body.superb-qr-code-generator-page #my-custom-code .sdtool-context-bar strong,
  body.superb-email-signature-page #my-custom-code .sdtool-context-bar strong{font-size:12.5px}
  body.superb-qr-code-generator-page #my-custom-code .sdtool-context-bar a,
  body.superb-email-signature-page #my-custom-code .sdtool-context-bar a{font-size:0;margin-left:auto}
  body.superb-qr-code-generator-page #my-custom-code .sdtool-context-bar a:after,
  body.superb-email-signature-page #my-custom-code .sdtool-context-bar a:after{content:"All tools →";font-size:12px}
  body.superb-qr-code-generator-page #my-custom-code .sdtool-app-hero,
  body.superb-email-signature-page #my-custom-code>section:first-of-type{padding-top:42px;padding-bottom:42px}
  body.superb-qr-code-generator-page #my-custom-code .sdtool-app-hero h1,
  body.superb-email-signature-page #my-custom-code>section:first-of-type h1{font-size:clamp(39px,11vw,56px)}
  body.superb-qr-code-generator-page #my-custom-code .sdqr-builder-shell{width:min(calc(100% - 12px),1380px)}
  body.superb-qr-code-generator-page #my-custom-code .sdqr-controls>.glass-card,
  body.superb-qr-code-generator-page #my-custom-code .sdqr-preview-card{padding:17px;border-radius:20px}
  body.superb-qr-code-generator-page #my-custom-code #qr-preview-wrapper{min-height:280px;padding:16px}
  body.superb-qr-code-generator-page #my-custom-code .qr-type-btn{min-height:68px;padding:8px 3px}
}
@media(max-width:480px){body.superb-qr-code-generator-page #my-custom-code .sdtool-context-label,body.superb-email-signature-page #my-custom-code .sdtool-context-label{display:none}}

/* ==========================================================
   v1.9 QR workspace — clearer hierarchy + stable alignment
   ========================================================== */
body.superb-qr-code-generator-page #my-custom-code .sdqr-progress{width:min(calc(100% - 32px),1180px);margin:-4px auto 32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:4}
body.superb-qr-code-generator-page #my-custom-code .sdqr-progress>div{min-height:78px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;padding:14px 18px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(93,19,175,.055));box-shadow:0 16px 42px rgba(5,2,11,.14);backdrop-filter:blur(16px)}
body.superb-qr-code-generator-page #my-custom-code .sdqr-progress span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;align-self:center;border-radius:11px;color:#ffd1ef;background:linear-gradient(145deg,rgba(93,19,175,.34),rgba(255,59,191,.18));font-size:11px;font-weight:850}
body.superb-qr-code-generator-page #my-custom-code .sdqr-progress strong{align-self:end;color:#fff;font-family:"Raleway",sans-serif;font-size:15px}
body.superb-qr-code-generator-page #my-custom-code .sdqr-progress small{align-self:start;color:rgba(255,255,255,.56);font-size:11.5px;line-height:1.35}
body.superb-qr-code-generator-page #my-custom-code .sdqr-builder-grid{grid-template-columns:minmax(0,1.48fr) minmax(360px,.82fr);gap:30px}
body.superb-qr-code-generator-page #my-custom-code .sdqr-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.superb-qr-code-generator-page #my-custom-code .qr-type-btn{min-height:84px;justify-content:center;border:1px solid rgba(255,255,255,.11)}
body.superb-qr-code-generator-page #my-custom-code .qr-type-btn span{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.72)}
body.superb-qr-code-generator-page #my-custom-code .qr-type-btn.active span{color:#fff}
body.superb-qr-code-generator-page #my-custom-code .sdqr-controls{display:grid;gap:18px}
body.superb-qr-code-generator-page #my-custom-code .sdqr-controls>.glass-card{margin:0}
body.superb-qr-code-generator-page #my-custom-code .sdqr-preview-card{top:calc(var(--sdh-height,94px) + 22px)}
body.superb-qr-code-generator-page #my-custom-code #qr-preview-wrapper{aspect-ratio:1/1;min-height:0;max-height:520px}
body.superb-qr-code-generator-page #my-custom-code .tab-btn{min-height:42px;border:1px solid transparent}
body.superb-qr-code-generator-page #my-custom-code .tab-btn.active{border-color:rgba(255,59,191,.34)}
body.superb-qr-code-generator-page #my-custom-code label{font-weight:650}
@media(max-width:1023px){
 body.superb-qr-code-generator-page #my-custom-code .sdqr-progress{margin-bottom:22px}
 body.superb-qr-code-generator-page #my-custom-code .sdqr-builder-grid{grid-template-columns:1fr}
 body.superb-qr-code-generator-page #my-custom-code #qr-preview-wrapper{width:min(100%,430px);margin-inline:auto}
}
@media(max-width:640px){
 body.superb-qr-code-generator-page #my-custom-code .sdqr-progress{width:min(calc(100% - 20px),1180px);grid-template-columns:1fr;gap:7px;margin-bottom:18px}
 body.superb-qr-code-generator-page #my-custom-code .sdqr-progress>div{min-height:62px;padding:10px 13px;border-radius:14px}
 body.superb-qr-code-generator-page #my-custom-code .sdqr-progress span{width:31px;height:31px}
 body.superb-qr-code-generator-page #my-custom-code .sdqr-progress small{font-size:10.5px}
 body.superb-qr-code-generator-page #my-custom-code .sdqr-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 body.superb-qr-code-generator-page #my-custom-code .qr-type-btn{min-height:70px;padding:7px 2px}
 body.superb-qr-code-generator-page #my-custom-code .qr-type-btn span{font-size:10.5px}
}
@media(max-width:380px){body.superb-qr-code-generator-page #my-custom-code .sdqr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}