:root{
  --vwh-bg:#071725;
  --vwh-surface:#0c2740;
  --vwh-surface-2:#0d314d;
  --vwh-stroke:#1da6de;
  --vwh-text:#eef8ff;
  --vwh-muted:#a4c4d7;
  --vwh-lime:#84f74f;
  --vwh-cyan:#5ad9ff;
  --vwh-shadow:0 18px 45px rgba(0,0,0,.34);
}
body{background:var(--vwh-bg);color:var(--vwh-text)}
.brand,.logo{position:relative;display:inline-flex;align-items:flex-end;gap:0;font-weight:950;letter-spacing:-.04em;text-decoration:none!important;color:#fff!important;text-shadow:0 4px 18px rgba(0,0,0,.32)}
.brand .brand-line{display:none}
.brand::before,.logo::before{content:"";position:absolute;left:.12rem;right:.18rem;top:-.46rem;height:14px;border-top:3px solid var(--vwh-cyan);border-radius:60% 60% 0 0 / 100% 100% 0 0;opacity:.92;filter:drop-shadow(0 0 10px rgba(90,217,255,.45))}
.brand span,.logo span{color:var(--vwh-lime)}
.logo small{display:block;font-size:10px;letter-spacing:.18em;color:#9ed6e8;font-weight:700;margin-left:.15rem}
.header,.site-header,.shell-header{backdrop-filter:blur(12px);background:rgba(6,21,37,.84)!important;border-bottom:1px solid rgba(90,217,255,.18)}

/* Home tool rail redesigned with image cards */
body[data-mm-page="home"] .toolrail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:18px;overflow-x:auto;padding:10px 14px 6px;scroll-snap-type:x proximity}
body[data-mm-page="home"] .toolrail::-webkit-scrollbar{height:10px}
body[data-mm-page="home"] .toolrail::-webkit-scrollbar-thumb{background:#1b5f82;border-radius:20px}
body[data-mm-page="home"] .tool-tile{min-width:210px;position:relative;padding:0!important;border-radius:22px!important;overflow:hidden;background:linear-gradient(180deg,#0d3651 0%,#0a2338 100%)!important;border:1px solid rgba(56,188,239,.52)!important;box-shadow:var(--vwh-shadow);display:flex!important;flex-direction:column;justify-content:flex-end;min-height:220px;scroll-snap-align:start}
body[data-mm-page="home"] .tool-tile:hover{transform:translateY(-3px)}
body[data-mm-page="home"] .tool-tile img.tool-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03)}
body[data-mm-page="home"] .tool-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,17,29,.08) 0%,rgba(5,20,34,.2) 34%,rgba(5,20,34,.82) 100%)}
body[data-mm-page="home"] .tool-tile>*{position:relative;z-index:1}
body[data-mm-page="home"] .tool-icon{display:none!important}
body[data-mm-page="home"] .tool-name{display:block;font-size:1.24rem;font-weight:900;line-height:1.1;padding:0 18px;color:#fff}
body[data-mm-page="home"] .tool-desc{display:block;padding:8px 18px 14px;color:#d4ebf8;font-size:13px;line-height:1.45}
body[data-mm-page="home"] .tool-arrow{margin:0 18px 18px auto;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:rgba(16,153,216,.86)}
body[data-mm-page="home"] .tool-tile.selected{outline:2px solid var(--vwh-lime);box-shadow:0 0 0 3px rgba(132,247,79,.18),var(--vwh-shadow)}
body[data-mm-page="home"] .tool-tile.selected::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px rgba(132,247,79,.74);z-index:1}
body[data-mm-page="home"] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-mm-page="home"] .scroller-track>a{min-width:260px}
body[data-mm-page="home"] .hero-text h1 em{white-space:nowrap}
body[data-mm-page="home"] footer strong{font-size:24px;letter-spacing:-.04em}

/* Search lift */
.vwh-search input{height:58px;border-radius:18px;background:rgba(8,39,58,.95);border:1px solid rgba(74,183,221,.6)}
.vwh-results{border-radius:18px}

/* Studio page cleanup */
body[data-mm-page="studio"] .studio-main{max-width:1500px;margin:0 auto;padding-bottom:80px}
body[data-mm-page="studio"] .studio-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)!important;gap:20px!important;align-items:start}
body[data-mm-page="studio"] .visual-panel,
body[data-mm-page="studio"] .studio-controls,
body[data-mm-page="studio"] .studio-bottom article{background:linear-gradient(180deg,#0b2338,#0a1d2f)!important;border:1px solid rgba(71,178,220,.46)!important;border-radius:22px!important;box-shadow:var(--vwh-shadow);overflow:hidden}
body[data-mm-page="studio"] .visual-panel{padding:16px 16px 18px!important}
body[data-mm-page="studio"] .visual-image{min-height:auto!important;border-radius:18px!important;background:#081827;overflow:hidden;position:relative}
body[data-mm-page="studio"] .visual-image img#carVisual{display:block;width:100%!important;height:auto!important;max-height:520px!important;object-fit:cover!important}
body[data-mm-page="studio"] .preview-badge{left:14px;top:14px;border-radius:16px;padding:10px 14px;background:rgba(6,20,34,.88);border:1px solid rgba(116,214,255,.36);font-weight:800}
body[data-mm-page="studio"] .snapshot-btn,
body[data-mm-page="studio"] .studio-prev,
body[data-mm-page="studio"] .studio-next{z-index:4}
body[data-mm-page="studio"] .studio-prev,
body[data-mm-page="studio"] .studio-next{width:54px;height:54px;border-radius:50%;background:rgba(31,160,90,.52)!important;border:1px solid rgba(141,255,172,.35);display:grid;place-items:center;font-size:48px;line-height:1}
body[data-mm-page="studio"] .studio-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
body[data-mm-page="studio"] .studio-tabs button{min-width:0;padding:18px 12px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:18px;background:#0c2b45;border:1px solid rgba(59,181,233,.48);font-weight:800;color:#eaf7ff}
body[data-mm-page="studio"] .studio-tabs button.active,
body[data-mm-page="studio"] .studio-tabs button:hover{box-shadow:inset 0 0 0 1px #7be8ff,0 0 0 2px rgba(74,233,255,.08)}
body[data-mm-page="studio"] .studio-tabs svg{width:26px;height:26px}
body[data-mm-page="studio"] .visual-note{margin:14px 0 8px;color:#aecdde;line-height:1.6}
body[data-mm-page="studio"] .advance-link{display:inline-block;margin-top:6px;font-weight:800;color:#8df970}
body[data-mm-page="studio"] .three-fields,
body[data-mm-page="studio"] .control-cols{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body[data-mm-page="studio"] .three-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body[data-mm-page="studio"] .studio-controls{padding:22px!important}
body[data-mm-page="studio"] .studio-controls h2,
body[data-mm-page="studio"] .studio-controls h3{color:#fff}
body[data-mm-page="studio"] .studio-controls input,
body[data-mm-page="studio"] .studio-controls select,
body[data-mm-page="studio"] .studio-controls textarea{width:100%;max-width:100%;background:#0b304b;border:1px solid rgba(84,176,218,.48);border-radius:14px;color:#fff;padding:13px 14px}
body[data-mm-page="studio"] .wrap-grid,
body[data-mm-page="studio"] .finish-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
body[data-mm-page="studio"] .wrap-grid button,
body[data-mm-page="studio"] .finish-grid button{min-height:72px;border-radius:16px;border:1px solid rgba(69,164,211,.5);background:#0d2f49;color:#fff;font-weight:800}
body[data-mm-page="studio"] .wrap-grid button.selected,
body[data-mm-page="studio"] .finish-grid button.selected{box-shadow:inset 0 0 0 2px #58ddff}
body[data-mm-page="studio"] .swatches{display:flex;flex-wrap:wrap;gap:12px}
body[data-mm-page="studio"] .swatches button{width:36px;height:36px;border-radius:50%;border:2px solid #d8efff}
body[data-mm-page="studio"] .gradient-picker{display:flex;gap:12px}
body[data-mm-page="studio"] .gradient-picker input[type="color"]{height:58px;padding:6px}
body[data-mm-page="studio"] .studio-cost{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px;align-items:end}
body[data-mm-page="studio"] .apply-btn,.btn.btn-lime{background:linear-gradient(135deg,#84f74f,#4ad7ff)!important;color:#0a1e2d!important;border:0!important;font-weight:900}
body[data-mm-page="studio"] .studio-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}
body[data-mm-page="studio"] .studio-bottom article{padding:20px!important}
body[data-mm-page="studio"] .compare-preview img{width:100%;border-radius:14px;margin-bottom:12px}
body[data-mm-page="studio"] .studio-guides a{display:block;color:#84e4ff;margin-top:10px}
body[data-mm-page="studio"] .studio-more{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding:18px 20px;border-radius:20px;background:#0a2237;border:1px solid rgba(71,178,220,.36)}
body[data-mm-page="studio"] .studio-more strong{margin-right:auto}
body[data-mm-page="studio"] .studio-more a{color:#d7f0ff}

/* Inline photo customizer */
.vwh-photo-inline{margin-top:16px;padding:16px;border:1px solid rgba(80,184,230,.42);border-radius:18px;background:linear-gradient(180deg,#0b2740,#0a1f31)}
.vwh-photo-inline h3{margin:0 0 6px;font-size:22px;color:#fff}
.vwh-photo-inline p{margin:0;color:var(--vwh-muted);line-height:1.55}
.vwh-photo-tools{margin:14px 0 10px}
.vwh-photo-box{margin-top:8px;min-height:280px}
.vwh-photo-tools .vwh-file-button{font-weight:800;background:#133851}
.vwh-photo-status{font-size:13px;color:#9bf3b0}
.vwh-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.vwh-fit-card{padding:14px;border-radius:16px;background:#0a2236;border:1px solid rgba(70,155,200,.42)}
.vwh-fit-card strong{display:block;color:#99fb78;margin-bottom:6px}
.vwh-fit-card p{margin:0;color:#bfd9e8;font-size:13px;line-height:1.55}

/* Light theme */
[data-mm-theme="light"] .brand::before,[data-mm-theme="light"] .logo::before{filter:none}
[data-mm-theme="light"] body,[data-mm-theme="light"]{background:#ecf6fb}
[data-mm-theme="light"] .tool-tile,[data-mm-theme="light"] .visual-panel,[data-mm-theme="light"] .studio-controls,[data-mm-theme="light"] .studio-bottom article,[data-mm-theme="light"] .studio-more,[data-mm-theme="light"] .vwh-photo-inline{background:#fff!important;color:#14384d}
[data-mm-theme="light"] .tool-name,[data-mm-theme="light"] .preview-badge,[data-mm-theme="light"] .studio-controls h2,[data-mm-theme="light"] .studio-controls h3,[data-mm-theme="light"] .vwh-photo-inline h3{color:#14384d}
[data-mm-theme="light"] .tool-desc,[data-mm-theme="light"] .visual-note,[data-mm-theme="light"] .vwh-photo-inline p,[data-mm-theme="light"] .vwh-fit-card p{color:#4f6778}
[data-mm-theme="light"] .studio-controls input,[data-mm-theme="light"] .studio-controls select,[data-mm-theme="light"] .studio-controls textarea{background:#f6fbff;color:#13374d;border-color:#bdd9ea}
[data-mm-theme="light"] .studio-tabs button,[data-mm-theme="light"] .wrap-grid button,[data-mm-theme="light"] .finish-grid button,[data-mm-theme="light"] .vwh-fit-card{background:#f4fbff;color:#16394d;border-color:#c9e0ec}

@media (max-width:1200px){
  body[data-mm-page="studio"] .studio-grid{grid-template-columns:1fr!important}
  body[data-mm-page="studio"] .studio-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  body[data-mm-page="home"] .toolrail{grid-auto-columns:82vw}
  body[data-mm-page="studio"] .three-fields{grid-template-columns:1fr!important}
  body[data-mm-page="studio"] .control-cols{grid-template-columns:1fr!important}
  body[data-mm-page="studio"] .studio-cost{grid-template-columns:1fr}
  body[data-mm-page="studio"] .studio-bottom{grid-template-columns:1fr}
  body[data-mm-page="studio"] .studio-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:auto}
  .vwh-fit-grid{grid-template-columns:1fr}
}