/* Optional appearance layer; QR images and payment/brand colors remain untouched. */
/* Keep reserved ad areas out of the review experience until real, approved ads are placed. */
.ad-slot{display:none}
.theme-toggle{flex:0 0 38px;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface,#fff);color:var(--ink);display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}
.theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.mobile-menu-toggle{display:none}
.site-header nav a[aria-current="page"]{color:var(--accent);font-weight:750}
.site-header nav a{white-space:nowrap}
@media(max-width:800px){
  .site-header .nav-wrap{justify-content:space-between;position:relative}
  .mobile-menu-toggle{display:grid;place-items:center;margin-left:auto;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface,#fff);color:var(--ink);font-size:18px;line-height:1;cursor:pointer}
  .mobile-menu-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
  .theme-toggle{margin-left:8px}
  .site-header .nav-wrap nav.is-open{display:flex;position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:35;flex-direction:column;gap:0;padding:8px;border:1px solid var(--line);border-radius:0 0 14px 14px;background:var(--surface,#fff);box-shadow:0 20px 38px rgba(28,20,51,.16)}
  .site-header .nav-wrap nav.is-open a{display:block;padding:12px;border-radius:8px;color:var(--ink)}
  .site-header .nav-wrap nav.is-open a:hover,.site-header .nav-wrap nav.is-open a:focus-visible{background:var(--soft);color:var(--accent)}
  .site-header .nav-wrap nav.is-open{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
  .site-header .nav-wrap nav.is-open a[aria-current="page"]{background:var(--soft);color:var(--accent)}
}

html[data-theme="dark"]{color-scheme:dark;--ink:#f4f1ff;--muted:#b5afc3;--line:#3a3449;--soft:#211d2d;--surface:#211d2d;--accent:#aa94ff;--accent2:#beaaff;--good:#79dfac;--warn:#ffd18a;--shadow:0 22px 65px rgba(0,0,0,.24)}
html[data-theme="dark"] body{background:#14111e;color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(25,21,35,.95);border-bottom-color:var(--line)}
html[data-theme="dark"] .site-header nav,html[data-theme="dark"] .trust-row,html[data-theme="dark"] .tool-tabs a,html[data-theme="dark"] .download-meta,html[data-theme="dark"] .preview-hint{color:var(--muted)}
html[data-theme="dark"] .header-cta{background:#e6ddff;color:#171326}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .mcp-badge{background:#2b2443;border-color:#554476;color:#d5c8ff}
html[data-theme="dark"] .tool-tabs,html[data-theme="dark"] .generator-grid,html[data-theme="dark"] .editor-card,html[data-theme="dark"] .tool-card-grid>a,html[data-theme="dark"] .article-grid>a,html[data-theme="dark"] .bulk-card,html[data-theme="dark"] .help-grid a,html[data-theme="dark"] .article-index a,html[data-theme="dark"] .scanner-card,html[data-theme="dark"] .mcp-card,html[data-theme="dark"] .contact-card{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .preview-card{background:linear-gradient(145deg,#251f35,#1e192b);border-color:var(--line)}
html[data-theme="dark"] .tool-tabs a.active{background:#39304f;color:#dccfff;box-shadow:none}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#191523;border-color:#514961;color:var(--ink)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8f879f}
html[data-theme="dark"] label,html[data-theme="dark"] .settings-group summary small,html[data-theme="dark"] .privacy-note{color:var(--muted)}
html[data-theme="dark"] .color-control,html[data-theme="dark"] .upload-zone,html[data-theme="dark"] .scanner-drop{border-color:#625773}
html[data-theme="dark"] .upload-zone:hover{background:#2b2440}
html[data-theme="dark"] .ready-badge,html[data-theme="dark"] .secondary-btn,html[data-theme="dark"] .payment-link-wrap input{background:#2c2639;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .qr-stage{background:#fff;color:#171326;border-color:#e7e2f1}
html[data-theme="dark"] .status.good,html[data-theme="dark"] .live-pill{background:#173d31;color:#9aebc2}
html[data-theme="dark"] .status.warn{background:#4c3518;color:#ffe1a7}
html[data-theme="dark"] .step,html[data-theme="dark"] .settings-group summary b,html[data-theme="dark"] .feature-icon,html[data-theme="dark"] .tips-grid article>b,html[data-theme="dark"] .field-help{background:#3b3156;color:#d2c4ff}
html[data-theme="dark"] .article-body .callout,html[data-theme="dark"] .mcp-callout,html[data-theme="dark"] .bulk-status{background:#2b2440;color:var(--muted)}
html[data-theme="dark"] .mcp-card code{background:#342b4c;color:#d9caff}
html[data-theme="dark"] .mcp-card pre code{background:none;color:inherit}
html[data-theme="dark"] .faq details,html[data-theme="dark"] .features,html[data-theme="dark"] .footer-bottom{border-color:var(--line)}
html[data-theme="dark"] .cta-band,html[data-theme="dark"] footer{background:#0c0a12}
html[data-theme="dark"] .cta-band a{background:#e6ddff;color:#171326}