/* Valerie desktop Gaming / Coding product modes */
.header-center{position:relative;min-width:0}
.desktop-product-switch{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:3px;
  border:1px solid rgba(201,168,76,.24);
  border-radius:999px;
  background:rgba(14,12,9,.88);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 8px 24px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
  z-index:3;
}
.desktop-product-mode{
  min-width:88px;
  height:30px;
  padding:0 16px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--text3);
  font:600 11px/1 'DM Sans',sans-serif;
  letter-spacing:.045em;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.desktop-product-mode:hover{color:var(--gold2);background:rgba(201,168,76,.06)}
.desktop-product-mode.active{
  color:#100d07;
  background:linear-gradient(145deg,var(--gold),var(--gold2));
  box-shadow:0 4px 16px rgba(201,168,76,.22);
}
.desktop-product-mode:active{transform:scale(.97)}
.desktop-product-mode:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}

.mode-budget-popover{
  position:fixed;
  top:50px;
  left:50%;
  transform:translateX(-50%) translateY(-6px);
  z-index:900;
  min-width:280px;
  padding:12px 14px;
  border:1px solid rgba(201,168,76,.28);
  border-radius:14px;
  background:rgba(13,11,8,.97);
  box-shadow:0 18px 48px rgba(0,0,0,.48);
  color:var(--text2);
  font-size:12px;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;
}
.mode-budget-popover.show{opacity:1;transform:translateX(-50%) translateY(0)}
.mode-budget-popover strong{display:block;color:var(--gold2);font-size:13px;margin-bottom:4px}
.mode-budget-popover span{color:var(--text3)}

body.valerie-coding-mode #desktopImagePill,
body.valerie-coding-mode #inspectUploadBtn,
body.valerie-coding-mode #imgAttachBtn,
body.valerie-coding-mode #modelSelector,
body.valerie-coding-mode #modeBadge,
body.valerie-coding-mode #gameModeBtn,
body.valerie-coding-mode .spicy-wrap{
  display:none !important;
}
body.valerie-coding-mode .desktop-mode-pills{display:none!important}
body.valerie-coding-mode .input-bottom-left::before{
  content:'</>';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid rgba(201,168,76,.28);
  border-radius:50%;
  color:var(--gold2);
  font:700 12px/1 'DM Mono',monospace;
  background:rgba(201,168,76,.06);
}
body.valerie-coding-mode .input-box{
  border-color:rgba(201,168,76,.30);
  background:linear-gradient(180deg,rgba(24,21,15,.96),rgba(14,12,9,.98));
}
body.valerie-coding-mode .input-area::before{
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.38),transparent);
}
body.valerie-coding-mode .welcome-logo::after{
  content:' / CODE';
  color:var(--gold);
  font-family:'DM Mono',monospace;
  font-size:.28em;
  letter-spacing:.08em;
}
body.valerie-coding-mode .welcome-sub{max-width:520px}

@media(max-width:1180px){
  .desktop-product-switch{left:auto;right:4px;transform:translateY(-50%)}
  .desktop-product-mode{min-width:74px;padding:0 12px}
}
@media(max-width:900px){
  .desktop-product-switch{position:static;transform:none;margin-left:auto}
  .topbar-title{display:none}
}
@media(prefers-reduced-motion:reduce){
  .desktop-product-mode,.mode-budget-popover{transition:none}
}