/* creqr mock-only helpers (kept minimal, safe) */
    /* Match fixed-header behavior from /index.html */
    #site-header-inline{
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:1200;
    }
    #site-header-inline .header{
      position:static;
      padding:12px 0;
    }
    .creqr__topPad{padding-top:112px;}
    @media (max-width:720px){
      .creqr__topPad{padding-top:148px;}
    }
    @media (max-width:560px){
      .creqr__topPad{padding-top:92px;}
    }
    .creqr__micro{margin:0 0 10px;color:var(--muted);font-size:13px;}
    .creqr__hint{margin:10px 0 0;color:var(--muted);font-size:12px;}
    .creqr__panelTitle{margin:0 0 10px;font-size:14px;font-weight:1000;letter-spacing:.2px;color:rgba(255,255,255,.92);}
    .creqr__subnote{margin:8px 0 0;color:var(--muted);font-size:12px;}

    /* Scannability checklist (Preview) */
    .creqr__check{margin-top:12px;}
    .creqr__checkTitle{margin:14px 0 4px;font-size:14px;font-weight:1000;letter-spacing:.2px;color:rgba(255,255,255,.92);} 
    .creqr__checkDesc{margin:0 0 10px;color:var(--muted);font-size:12px;}
    .creqr__checkCard{padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);} 
    .creqr__checkRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px;border-radius:14px;background:rgba(255,255,255,.03);} 
    .creqr__checkRow + .creqr__checkRow{margin-top:8px;} 
    .creqr__checkLeft{min-width:0;} 
    .creqr__checkRight{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
    .creqr__checkName{font-size:13px;font-weight:900;color:rgba(255,255,255,.90);} 
    .creqr__checkMeta{color:var(--muted);font-size:12px;margin-top:2px;} 
    .creqr__checkVal{color:rgba(255,255,255,.72);font-size:12px;white-space:nowrap;}
    .creqr__pill{font-size:11px;padding:4px 9px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.10);font-weight:900;color:rgba(255,255,255,.90);} 
    .creqr__pill--good{border-color:rgba(77,219,150,.35);background:rgba(77,219,150,.12);color:rgba(215,255,235,.95);} 
    .creqr__pill--ok{border-color:rgba(150,170,255,.30);background:rgba(150,170,255,.10);color:rgba(230,235,255,.95);} 
    .creqr__pill--warn{border-color:rgba(255,179,92,.35);background:rgba(255,179,92,.12);color:rgba(255,246,232,.96);} 
    .creqr__faq details{border-top:1px solid rgba(255,255,255,.10);padding:12px 0;}
    .creqr__faq details:first-child{border-top:none;}
    .creqr__faq summary{cursor:pointer;font-weight:900;}
    .creqr__faq p{margin:10px 0 0;color:var(--muted);}

    /* Type tabs (mock: simple switch for labels/placeholders) */
    .creqrTabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:6px 0 12px;}
    .creqrTab{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.86);
      padding:10px 12px;border-radius:999px;font-weight:900;letter-spacing:.1px;cursor:pointer;line-height:1;}
    .creqrTab:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);}
    .creqrTab[aria-selected="true"]{background:rgba(122,92,255,.25);border-color:rgba(122,92,255,.55);color:#fff;}
    .creqrTab:focus{outline:none;box-shadow:0 0 0 3px rgba(122,92,255,.25);}
  
    /* Type panels */
    .creqrPanels{margin-top:4px;}
    .creqrPanel{display:none;}
    .creqrPanel.is-active{display:block;}
    .creqrPanel textarea.input{min-height:96px;resize:vertical;}

    /* Make inputs fill the card width (override any global max-width) */
    .creqrPanels .form-row{width:100%;} 
    .creqrPanels .label{display:block;}
    .creqrPanels .input,
    .creqrPanels .select{width:100%;max-width:none;box-sizing:border-box;}
    .creqrPanels textarea.input{width:100%;max-width:none;}
    .creqrPanels .grid2 > .form-row{min-width:0;}

    /* Segmented control (Design: Solid / Gradient) */
    .seg{display:inline-flex;gap:2px;padding:2px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);}
    .seg__btn{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.78);padding:6px 10px;border-radius:999px;font-weight:900;cursor:pointer;line-height:1;}
    .seg__btn:hover{background:rgba(255,255,255,.06);color:#fff;}
    .seg__btn.is-active{background:rgba(122,92,255,.26);color:#fff;}
    .creqr__designBox .color{width:44px;height:38px;border-radius:12px;}



/* creqr Design layout polish (dashboard-like) */
.creqrDesignTop { display:block; }
.creqrColor {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(0,0,0,.18) !important;
  flex: 0 0 34px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  overflow: hidden;
}
.creqrColor::-webkit-color-swatch-wrapper { padding: 0; }
.creqrColor::-webkit-color-swatch { border: 0; border-radius: 11px; }
.row .input { flex: 1 1 auto; min-width: 0; }

/* Full-width selects inside Design section (match dashboard) */
.creqrDesignTop .select,
#creqrEc.select,
#creqrQz.select,
#creqrFgGradAngle.select,
#creqrBgGradAngle.select,
#creqrFgGradCenter.select,
#creqrBgGradCenter.select{
  width:100%;
  max-width:none;
  display:block;
  box-sizing:border-box;
}

/* Export size dropdown: stretch full width */
#creqrExportSize.select{
  width:100% !important;
  max-width:none !important;
  display:block;
  box-sizing:border-box;
  /* Reduce visual weight vs primary Download actions */
  min-height:44px;
  padding:10px 14px !important;
}

/* Export: tighter label + balanced actions (Option A) */
label.label[for="creqrExportSize"]{ margin:0 0 6px; }
.export__actions{ display:flex !important; gap:10px; flex-wrap:nowrap !important; }
.export__actions .export__btn{
  flex:1 1 0;
  min-width:0;
  justify-content:center;
  min-height:44px;
}
@media (max-width:520px){
  .export__actions{ flex-wrap:wrap !important; }
  .export__actions .export__btn{ flex:1 1 100%; }
}


/* Spacing polish: keep Center and Angle sections consistent */
.creqr__fgCenter,
.creqr__bgCenter{margin-top:10px;}
.creqr__fgCenter .label,
.creqr__bgCenter .label{margin:0 0 6px;}


    /* QR placeholder icon (dashboard-like) */
    .creqr__qrStage{padding:4px;border-radius:18px;border:0px solid rgba(255,255,255,.10);background:rgba(0,0,0,0);min-height:240px;display:flex;align-items:center;justify-content:center;}
    .creqr__qrPlaceholder{width:290px;max-width:100%;} 
    .creqr__qrPlaceholder svg{width:100%;height:auto;display:block;opacity:.92;}
    .creqr__qrPlaceholder .pl-bg{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.10);stroke-width:2;}
    .creqr__qrPlaceholder .pl-eye{fill:rgba(255,255,255,.45);}
    .creqr__qrPlaceholder .pl-dot{fill:rgba(255,255,255,.16);}

    /* Logo dropzone hover */
    #creqrLogoDrop.is-dragover{border-color:rgba(122,92,255,.55)!important;background:rgba(122,92,255,.08)!important;}


/* Light theme polish (align with Deep Violet token set) */
html[data-theme="light"]{
  /* Headings / labels */
  --creqrTitle: var(--text);
}
html[data-theme="light"] .creqr__panelTitle,
html[data-theme="light"] .creqr__checkTitle,
html[data-theme="light"] .creqr__checkName{
  color:var(--text);
}

html[data-theme="light"] .creqr__checkCard{
  border-color:var(--border);
  background:var(--surface2, var(--glass2));
}
html[data-theme="light"] .creqr__checkRow{
  background:var(--glass2);
}
html[data-theme="light"] .creqr__checkVal{color:rgba(46,42,85,.72);}

html[data-theme="light"] .creqr__pill{
  border-color:var(--border);
  background:var(--glass2);
  color:var(--text);
}

/* Tabs */
html[data-theme="light"] .creqrTab{
  border-color:var(--border);
  background:var(--surface2, var(--glass2));
  color:var(--text2, var(--text));
}
html[data-theme="light"] .creqrTab:hover{background:rgba(79,70,153,.06);border-color:rgba(79,70,153,.22);}
html[data-theme="light"] .creqrTab[aria-selected="true"]{
  background:var(--primarySoft);
  border-color:rgba(79,70,153,.35);
  color:var(--primary);
}
html[data-theme="light"] .creqrTab:focus{box-shadow:0 0 0 3px var(--focusRing, rgba(111,102,216,.22));}

/* Segmented */
html[data-theme="light"] .seg{border-color:var(--border);background:var(--surface2, var(--glass2));}
html[data-theme="light"] .seg__btn{color:rgba(46,42,85,.70);}
html[data-theme="light"] .seg__btn:hover{background:rgba(79,70,153,.06);color:var(--text);}
html[data-theme="light"] .seg__btn.is-active{background:var(--primarySoft);color:var(--primary);}

/* Design color swatches */
html[data-theme="light"] .creqrColor{border-color:var(--border) !important;background:var(--glass2) !important;}

/* QR placeholder */
html[data-theme="light"] .creqr__qrPlaceholder .pl-bg{fill:rgba(79,70,153,.05);stroke:rgba(79,70,153,.12);} 
html[data-theme="light"] .creqr__qrPlaceholder .pl-eye{fill:rgba(79,70,153,.22);} 
html[data-theme="light"] .creqr__qrPlaceholder .pl-dot{fill:rgba(79,70,153,.10);} 

/* Logo dropzone hover */
html[data-theme="light"] #creqrLogoDrop.is-dragover{border-color:rgba(79,70,153,.45)!important;background:rgba(79,70,153,.06)!important;}