/* Pixvu shared sidebar, mobile navigation, and sidebar search.
 * Single CSS source used by both the theme and AI Suite shell.
 *
 * Architecture: foundations -> rail/brand -> navigation -> collapsed desktop ->
 * mobile drawer -> sidebar search -> AI Suite save controls.
 */
:root { --px-sidebar-w: 260px; --px-sidebar-collapsed-w: 76px; --px-ease-out: cubic-bezier(.16, 1, .3, 1); }
.px-sidebar, .px-sidebar *, .px-search-mega, .px-search-mega *, .px-mobile-menu-button { box-sizing: border-box; }
.px-sidebar, .px-search-mega, .px-mobile-menu-button { font-family: "Inter Tight", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.px-sidebar a { color: inherit; text-decoration: none; }
.px-sidebar button, .px-search-mega button, .px-search-mega input, .px-mobile-menu-button { font-family: inherit; }
.px-sidebar button, .px-mobile-menu-button, .px-search-mega button { -webkit-tap-highlight-color: transparent; }
.px-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;
}.px-sidebar{
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 80;
  width: var(--px-sidebar-w);
  border-right: 1px solid rgba(0, 0, 0, .045);
  background: #fff;
  box-shadow: 18px 0 55px rgba(24, 24, 24, .018);
  transition: width 500ms var(--px-ease-out), transform 500ms var(--px-ease-out);
  will-change: width, transform;
}.px-sidebar__inner{
  display:flex;
  width:var(--px-sidebar-w);
  min-width:var(--px-sidebar-w);
  min-height:100%;
  height:100dvh;
  max-height:100dvh;
  flex-direction:column;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:23px 18px max(20px,env(safe-area-inset-bottom));
  scrollbar-width:thin;
  scrollbar-color:rgba(88,88,88,.28) transparent;
}.px-brand-row{
  display: flex;
  align-items: center;
  min-height: 38px;
  gap: 9px;
  margin-bottom: 16px;
}.px-brand{
  position:relative;
  display:block;
  width:87px;
  min-width:0;
  height:27px;
  margin-left:11px;
  overflow:visible;
  white-space:nowrap;
  transition:width 430ms var(--px-ease-out);
}.px-brand-logo{
  position:absolute;
  top:50%;
  left:0;
  display:block;
  width:80px;
  height:auto;
  max-width:none;
  pointer-events:none;
  transform:translateY(-50%);
  transform-origin:left center;
  clip-path:inset(0 0 0 0);
  transition:clip-path 430ms var(--px-ease-out);
}.px-sidebar__scroll{
  flex:0 0 auto;
  min-height:auto;
  overflow:visible;
  padding-right:0;
  margin-right:0;
}.px-sidebar__inner::-webkit-scrollbar{width:4px}.px-sidebar__inner::-webkit-scrollbar-track{background:transparent}.px-sidebar__inner::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(88,88,88,.24)}.px-sidebar__inner::-webkit-scrollbar-thumb:hover{background:rgba(88,88,88,.4)}.px-icon-button{
  display: inline-grid;
  place-items: center;
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  cursor: pointer;
  transition: background 180ms ease, transform 360ms var(--px-ease-out), color 180ms ease, box-shadow 220ms ease;
}.px-icon-button:hover{ background: rgba(0, 0, 0, .052); box-shadow: inset 0 0 0 1px rgba(0,0,0,.028); }.px-icon-button:active{ transform: scale(.94); }.px-icon-button:focus-visible{
  outline: 2px solid rgba(0, 0, 0, .38);
  outline-offset: 2px;
}.px-icon-button svg{ width: 17px; height: 17px; stroke-width: 2; transition: transform 420ms var(--px-ease-out); }.px-sidebar-toggle{ margin-left: auto; }.px-nav-stack{ display: grid; gap: 4px; }.px-nav-section{ margin-top: 23px; }.px-nav-section__label{
  margin: 0 10px 10px;
  color: #757575;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  max-height: 18px;
  overflow: hidden;
  opacity: 1;
  transition: max-height 360ms var(--px-ease-out), margin 360ms var(--px-ease-out), opacity 170ms ease, transform 330ms var(--px-ease-out);
}.px-nav-item{
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 34px;
  gap: 11px;
  padding: 0 11px;
  border-radius: 10px;
  color: #515151;
  font-size: 14px;
  font-weight:400;
  letter-spacing:-.16px;
  transition:color 180ms ease,background 220ms ease,transform 420ms var(--px-ease-out),box-shadow 220ms ease;
}.px-nav-item > svg{ width: 17px; height: 17px; justify-self: center; stroke-width: 2; transition: transform 420ms var(--px-ease-out), color 180ms ease; }.px-nav-section .px-nav-item > svg.i-prompt,.px-nav-section .px-nav-item > svg.i-image{width:15px;height:15px}.px-nav-item:hover{ color:#0b0b0b; background:rgba(0,0,0,.036); box-shadow:inset 0 0 0 1px rgba(0,0,0,.018); }.px-nav-item:hover > svg{ transform:scale(1.045); }.px-nav-item.px-is-active{ color: #0a0a0a; background: rgba(0, 0, 0, .055); font-weight: 500; }.px-nav-item.px-is-active > svg{ transform: scale(1.035); }.px-nav-item:focus-visible{ outline: 2px solid rgba(0, 0, 0, .23); outline-offset: 2px; }.px-nav-item__label{
  min-width: 0;
  max-width: 116px;
  overflow: hidden;
  white-space: nowrap;
  opacity: 1;
  transform: translateX(0);
  font-weight:400;
  transition: max-width 400ms var(--px-ease-out), opacity 160ms ease, transform 360ms var(--px-ease-out);
}.px-nav-item.px-is-active .px-nav-item__label{font-weight:500}
.px-nav-item--disclosure{width:100%;border:0;background:transparent;font-family:inherit;text-align:left;cursor:pointer}
.px-nav-disclosure__chevron{display:grid;width:18px;height:18px;place-items:center;justify-self:end;color:#747474;transition:transform .28s var(--px-ease-out),color .18s ease}
.px-nav-disclosure__chevron svg{width:14px;height:14px;stroke-width:1.85}
.px-nav-item--disclosure[aria-expanded="true"] .px-nav-disclosure__chevron{transform:rotate(180deg);color:#222}
.px-nav-disclosure__panel[hidden]{display:none}
.px-nav-disclosure__panel{overflow:hidden;padding:3px 0 5px 13px}
.px-nav-disclosure__rail{display:grid;gap:2px;padding:0 0 0 13px;border-left:1px solid rgba(0,0,0,.075)}
.px-nav-subitem{display:flex;align-items:center;min-height:34px;padding:0 10px;border-radius:10px;color:#4d4d4d;font-size:13.5px;font-weight:400;line-height:1.2;transition:background .18s ease,color .18s ease}
.px-nav-subitem:hover{background:rgba(0,0,0,.035);color:#111}
.px-nav-subitem.px-is-active{background:rgba(0,0,0,.06);color:#111;font-weight:500}
body.px-sidebar-collapsed .px-nav-disclosure__chevron,body.px-sidebar-collapsed .px-nav-disclosure__panel{opacity:0;pointer-events:none}
@media(max-width:1024px){body.px-sidebar-collapsed .px-nav-disclosure__chevron,body.px-sidebar-collapsed .px-nav-disclosure__panel{opacity:1;pointer-events:auto}}
.px-new-badge{
  margin-left:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,#6d5dfc 0%,#c64ccf 50%,#f0647b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-size:11px;
  line-height:1;
  font-style:italic;
  font-weight:750;
  letter-spacing:.045em;
  text-transform:uppercase;
  opacity:1;
  transition:opacity 140ms ease,transform 300ms var(--px-ease-out);
}.px-sidebar-get-started{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-width:0;height:45px;min-height:45px;margin:0;padding:0 11px;border:0;border-radius:12px;background:#0b0b0b;color:#fff;font-family:inherit;font-size:12.8px;font-weight:650;line-height:1;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.1);transition:transform .3s var(--px-ease-out),box-shadow .22s ease,background .2s}.px-sidebar-get-started:hover{transform:translateY(-1px);background:#000;box-shadow:0 11px 25px rgba(0,0,0,.14)}.px-sidebar-get-started svg{width:17px;height:17px;justify-self:center}.px-sidebar-get-started span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-sidebar-sign-in{display:flex;align-items:center;justify-content:center;height:45px;min-height:45px;padding:0;color:#777b80;font-family:inherit;font-size:12.2px;font-weight:450;line-height:1;text-decoration:none;white-space:nowrap;transition:color .18s ease}.px-sidebar-sign-in:hover{color:#242629}.px-sidebar-sign-in:focus-visible{outline:2px solid rgba(0,0,0,.2);outline-offset:3px;border-radius:4px}.px-mobile-menu-button{ display: none; }.px-sidebar-scrim{ display: none; }body.px-sidebar-collapsed .px-sidebar{width:var(--px-sidebar-collapsed-w)}
body.px-sidebar-collapsed .px-topbar{margin-left:var(--px-sidebar-collapsed-w)}
body.px-sidebar-collapsed .px-main{margin-left:var(--px-sidebar-collapsed-w)}

/*
 * Desktop collapse invariant:
 * - inner geometry never changes
 * - nav rows never change width/height/gap/padding/grid
 * - labels fade, but never reflow the icon column
 * - the outer rail clips the full-width layout from right to left
 */
body.px-sidebar-collapsed .px-nav-item__label,
body.px-sidebar-collapsed .px-new-badge,
body.px-sidebar-collapsed .px-nav-section__label,
body.px-sidebar-collapsed .px-sidebar-get-started span{
  opacity:0;
  pointer-events:none;
}
body.px-sidebar-collapsed .px-nav-item__label{transform:none}
body.px-sidebar-collapsed .px-brand{width:33px}
body.px-sidebar-collapsed .px-brand-logo{clip-path:inset(0 75.55% 0 0)}
body.px-sidebar-collapsed .px-nav-section__label{
  max-height:18px;
  margin:0 10px 10px;
}
body.px-sidebar-collapsed .px-nav-section{margin-top:23px}
@media (min-width: 1920px) {body.px-sidebar-collapsed .px-main{ max-width: calc(1760px + var(--px-sidebar-collapsed-w)); }}@media (max-width: 1440px) {.px-sidebar__inner{ padding-inline: 16px; }}@media (max-width: 1180px) {.px-brand-row{ margin-bottom: 16px; }}@media (max-width: 1024px) {.px-sidebar{
  width: min(var(--px-sidebar-w), 84vw);
  border-right-color: rgba(0, 0, 0, .07);
  box-shadow: 28px 0 72px rgba(0, 0, 0, .13);
}body.px-sidebar-collapsed .px-sidebar{ width: min(var(--px-sidebar-w), 84vw); background: #fff; }.px-sidebar__inner,
body.px-sidebar-collapsed .px-sidebar__inner{ width:100%; min-width:0; padding:22px 18px 20px; }.px-brand-row,
body.px-sidebar-collapsed .px-brand-row{ display:flex; justify-content: flex-start; min-height:38px; margin-bottom: 16px; }.px-brand,
body.px-sidebar-collapsed .px-brand{width:87px;margin-left:0}body.px-sidebar-collapsed .px-brand-logo{clip-path:inset(0 0 0 0)}body.px-sidebar-collapsed .px-nav-item{ grid-template-columns:18px minmax(0,1fr) auto; justify-content: stretch; width:auto; min-height:34px; gap:11px; padding: 0 11px; }body.px-sidebar-collapsed .px-nav-item__label{ max-width: 116px; opacity: 1; transform: none; }body.px-sidebar-collapsed .px-new-badge{ display:inline-flex; }body.px-sidebar-collapsed .px-sidebar-get-started span{opacity:1;pointer-events:auto}body.px-sidebar-collapsed .px-nav-section__label{ max-height:18px; margin:0 10px 10px; opacity:1; overflow:visible; pointer-events:auto; }body.px-sidebar-collapsed .px-nav-section{ margin-top: 23px; }.px-sidebar-toggle{ display: none; }.px-sidebar-scrim{
    position: fixed;
    z-index: 79;
    inset: 0;
    display: block;
    border: 0;
    background: rgba(7, 7, 7, .16);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 220ms ease, visibility 220ms ease;
  }body.px-mobile-nav-open .px-sidebar-scrim{ opacity: 1; visibility: visible; }body.px-sidebar-collapsed .px-topbar{ margin-left: 0; padding: 3px 11px 7px; }.px-mobile-menu-button{ display: inline-grid; width: 38px; height: 38px; border-radius: 12px; background: #ffffff; border: 1px solid rgba(0, 0, 0, .06); }body.px-sidebar-collapsed .px-main{ margin-left: 0; padding-left: 13px; padding-right: 13px; }}@media (max-width: 720px) {.px-mobile-menu-button{ width: 35px; height: 35px; border-radius: 10px; }body.px-sidebar-collapsed .px-main{ padding: 0 8px 22px; }}@media (max-width: 390px) {.px-mobile-menu-button{ width: 34px; height: 34px; }}.px-sidebar__bottom{margin-top:auto;padding-top:24px}.px-sidebar__bottom--guest{display:grid;grid-template-columns:minmax(0,1fr) max-content 28px;align-items:center;column-gap:9px;min-height:45px}.px-sidebar__bottom--guest .px-sidebar-more{width:28px}.px-sidebar__bottom--guest .px-sidebar-more__toggle{width:28px;height:45px}.px-sidebar__bottom--guest .px-sidebar-more__menu{width:calc(var(--px-sidebar-w) - 32px)}.px-sidebar-more{position:relative;display:flex;width:100%;justify-content:flex-end}.px-sidebar-more__toggle{display:grid;width:34px;height:34px;place-items:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#73767a;cursor:pointer;transition:color .18s ease,transform .22s var(--px-ease-out)}.px-sidebar-more__toggle:hover,.px-sidebar-more__toggle[aria-expanded="true"]{background:transparent;color:#151719}.px-sidebar-more__toggle:active{transform:scale(.95)}.px-sidebar-more__toggle:focus-visible{outline:2px solid rgba(0,0,0,.22);outline-offset:2px;border-radius:5px}.px-sidebar-more__toggle svg{width:17px;height:17px;transform:none;transition:transform .2s var(--px-ease-out),color .18s ease}.px-sidebar-more__toggle:hover svg,.px-sidebar-more__toggle[aria-expanded="true"] svg{transform:scale(1.12)}.px-sidebar-more__menu{position:absolute;z-index:7;right:0;bottom:calc(100% + 9px);width:100%;max-height:min(410px,calc(100dvh - 92px));overflow:auto;overscroll-behavior:contain;padding:16px 14px 13px;border:1px solid rgba(18,18,18,.07);border-radius:14px;background:rgba(248,248,248,.88);box-shadow:0 18px 46px rgba(18,18,18,.13),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);transform-origin:bottom right;animation:px-sidebar-more-in .2s var(--px-ease-out)}.px-sidebar-more__menu[hidden]{display:none}.px-sidebar-more__columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.px-sidebar-more__columns>div{display:grid;align-content:start;gap:1px;min-width:0}.px-sidebar-more__columns strong{padding:0 0 8px;margin:0 0 4px;border-bottom:1px solid rgba(0,0,0,.065);color:#1d1d1d;font-size:12px;font-weight:600}.px-sidebar-more__columns a{display:block;min-width:0;padding:5px 0;color:#6a6a6a;font-size:11.5px;font-weight:400;line-height:1.25;white-space:normal;transition:color .16s ease,transform .18s var(--px-ease-out)}.px-sidebar-more__columns a:hover{color:#111;transform:translateX(1px)}.px-sidebar-more__socials{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.px-sidebar-more__socials a,.px-sidebar-more__socials span{display:grid;width:18px;height:18px;place-items:center;color:#262626}.px-sidebar-more__socials a{transition:color .16s ease,transform .2s var(--px-ease-out)}.px-sidebar-more__socials a:hover{color:#000;transform:translateY(-1px)}.px-sidebar-more__socials .is-disabled{color:#aaa;cursor:default}.px-sidebar-social-svg{display:block;width:16px;height:16px;overflow:visible}.px-social-youtube{width:17px}.px-social-facebook{width:14px}.px-social-pinterest{width:15px}@keyframes px-sidebar-more-in{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}body.px-sidebar-collapsed .px-sidebar-more{width:40px;justify-content:center;opacity:1;pointer-events:auto}@media(max-width:1024px){body.px-sidebar-collapsed .px-sidebar-more{width:100%;justify-content:flex-end;opacity:1;pointer-events:auto}.px-sidebar__inner,body.px-sidebar-collapsed .px-sidebar__inner{padding-bottom:max(20px,env(safe-area-inset-bottom))}.px-sidebar-more__menu{max-height:calc(100dvh - 96px - env(safe-area-inset-bottom));background:rgba(249,249,249,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.px-sidebar__bottom--guest .px-sidebar-more__menu{width:calc(min(var(--px-sidebar-w),84vw) - 36px)}}@media(max-width:360px){.px-sidebar-more__columns{gap:14px}.px-sidebar-more__menu{padding-inline:12px}.px-sidebar-more__socials{gap:12px;justify-content:space-between}}body.px-sidebar-collapsed .px-site-footer{margin-left:var(--px-sidebar-collapsed-w)}html.px-scroll-restoring{
  scroll-behavior: auto ;
}#pxAppShell:not(.is-ready) .px-sidebar,
#pxAppShell:not(.is-ready) .px-sidebar__inner,
#pxAppShell:not(.is-ready) .px-brand,
#pxAppShell:not(.is-ready) .px-brand-logo,
#pxAppShell:not(.is-ready) .px-nav-item,
#pxAppShell:not(.is-ready) .px-nav-item__label,
#pxAppShell:not(.is-ready) .px-nav-section__label,
#pxAppShell:not(.is-ready) .px-new-badge,
#pxAppShell:not(.is-ready) .px-sidebar-toggle{ transition: none; }#pxAppShell.is-ready .px-sidebar{
  transition: width .38s cubic-bezier(.16, 1, .3, 1), transform .38s cubic-bezier(.16, 1, .3, 1);
}@media (min-width:1025px){
  .px-sidebar{overflow:hidden}
  body.px-sidebar-collapsed .px-sidebar__inner{
    width:var(--px-sidebar-w);
    min-width:var(--px-sidebar-w);
  }

  /* Brand stays in its open-state coordinates. During the actual width
     collapse the toggle remains at its open/right-side coordinate and is
     simply clipped by the shrinking rail. Only after the width transition
     settles is the hidden toggle moved into the logo slot. This prevents the
     toggle from fading across / flashing on top of the logo. */
  body.px-sidebar-collapsed .px-brand-row{position:relative}
  body.px-sidebar-collapsed .px-brand{
    opacity:1;
    transform:none;
    transition:opacity .16s ease,transform .24s cubic-bezier(.16,1,.3,1);
  }
  body.px-sidebar-collapsed .px-sidebar.is-collapse-settled .px-sidebar-toggle{
    position:absolute;
    top:4.5px;
    left:9px;
    margin:0;
    opacity:0;
    pointer-events:none;
    transform:scale(.88);
    transform-origin:center;
    transition:none;
  }
  body.px-sidebar-collapsed .px-sidebar.is-collapse-settled.is-collapsed-hovering .px-brand{
    opacity:0;
    pointer-events:none;
    transform:scale(.92);
    transform-origin:23.5px 50%;
  }
  body.px-sidebar-collapsed .px-sidebar.is-collapse-settled.is-collapsed-hovering .px-sidebar-toggle{
    opacity:1;
    pointer-events:auto;
    transform:scale(1);
    transition:opacity .16s ease,transform .24s cubic-bezier(.16,1,.3,1),background .16s ease;
  }
  body.px-sidebar-collapsed .px-sidebar.is-collapse-settled .px-sidebar-toggle:active{transform:scale(.93)}
  body.px-sidebar-collapsed .px-sidebar-toggle svg{transform:rotate(180deg)}

  /* The nav item itself keeps the open-state grid. Only its visual surface
     contracts to a fixed 40px square around the unchanged icon center. */
  body.px-sidebar-collapsed .px-nav-item{
    background:transparent;
    box-shadow:none;
    transform:none;
  }
  body.px-sidebar-collapsed .px-nav-item::before{
    content:"";
    position:absolute;
    top:0;
    left:3px;
    width:34px;
    height:34px;
    border-radius:10px;
    background:transparent;
    box-shadow:inset 0 0 0 1px transparent;
    transition:background 180ms ease,box-shadow 180ms ease;
  }
  body.px-sidebar-collapsed .px-nav-item:hover{
    background:transparent;
    box-shadow:none;
    transform:none;
  }
  body.px-sidebar-collapsed .px-nav-item:hover::before{
    background:rgba(0,0,0,.036);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.018);
  }
  body.px-sidebar-collapsed .px-nav-item.px-is-active{
    background:transparent;
    box-shadow:none;
  }
  body.px-sidebar-collapsed .px-nav-item.px-is-active::before{background:rgba(0,0,0,.055)}
  body.px-sidebar-collapsed .px-nav-item:focus-visible{outline:none}
  body.px-sidebar-collapsed .px-nav-item:focus-visible::before{box-shadow:0 0 0 2px rgba(0,0,0,.2)}
  body.px-sidebar-collapsed .px-nav-item > svg{
    transform:none;
    transform-origin:center;
  }
  body.px-sidebar-collapsed .px-nav-item:hover > svg{transform:scale(1.045)}
  body.px-sidebar-collapsed .px-nav-item.px-is-active > svg{transform:scale(1.035)}

  body.px-sidebar-collapsed .px-sidebar__bottom--guest .px-sidebar-sign-in,
  body.px-sidebar-collapsed .px-sidebar__bottom--guest .px-sidebar-more{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  /* Keep the CTA icon on the exact same first-column center as when open.
     The collapsed surface is the same 45px height as the expanded CTA,
     centered around that unchanged icon rather than around the clipped row. */
  body.px-sidebar-collapsed .px-sidebar__bottom{overflow:visible}
  body.px-sidebar-collapsed .px-sidebar-get-started{
    background:transparent;
    box-shadow:none;
    transform:none;
  }
  body.px-sidebar-collapsed .px-sidebar-get-started::before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    left:-2.5px;
    width:45px;
    height:45px;
    border-radius:12px;
    background:#0b0b0b;
    box-shadow:0 8px 22px rgba(0,0,0,.10);
    transition:background 180ms ease,box-shadow 220ms ease,transform 260ms var(--px-ease-out);
  }
  body.px-sidebar-collapsed .px-sidebar-get-started > svg:first-child{
    position:relative;
    z-index:1;
  }
  body.px-sidebar-collapsed .px-sidebar-get-started:hover{
    background:transparent;
    box-shadow:none;
    transform:none;
  }
  body.px-sidebar-collapsed .px-sidebar-get-started:hover::before{
    background:#000;
    box-shadow:0 11px 26px rgba(0,0,0,.14);
  }
}
html.px-shell-scroll-locked,
body.px-shell-scroll-locked{ overflow: hidden; overscroll-behavior: none; }
body.px-shell-scroll-locked.px-shell-scroll-fixed{
  position: fixed;
  top: calc(var(--px-shell-scroll-y, 0px) * -1);
  right: 0;
  left: 0;
  width: 100%;
  padding-right: var(--px-shell-scrollbar-compensation, 0px);
}
/* Desktop post modal: keep the document at its real scroll coordinate.
   scrollbar-gutter:stable on html already prevents layout shift, so no fixed-body
   transport or synthetic top offset is needed here. */
body.px-shell-scroll-locked.px-shell-scroll-modal{
  position: static;
  top: auto;
  right: auto;
  left: auto;
  width: auto;
  padding-right: 0;
}.px-search-mega{ position: fixed; z-index: 420; inset: 0; display: grid; place-items: start center; padding: clamp(72px, 9vh, 112px) 22px 32px; }.px-search-mega[hidden]{ display: none; }.px-search-mega__backdrop{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(238, 238, 235, .52); backdrop-filter: blur(22px) saturate(118%); -webkit-backdrop-filter: blur(22px) saturate(118%); }.px-search-mega__window{ position: relative; width: min(940px, calc(100vw - 44px)); max-height: min(760px, calc(100dvh - 112px)); overflow: hidden; border: 1px solid rgba(255, 255, 255, .9); border-radius: 24px; background: rgba(250, 250, 248, .94); box-shadow: 0 32px 100px rgba(24, 27, 31, .17), inset 0 1px 0 #fff; animation: px-search-mega-in .28s cubic-bezier(.16, 1, .3, 1) both; }.px-search-mega__head{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px 15px; }.px-search-mega__head > div{ display: flex; align-items: center; gap: 11px; }.px-search-mega__mark{ display: grid; place-items: center; width: 39px; height: 39px; border-radius: 12px; background: #111; color: #fff; }.px-search-mega__mark svg{ width: 16px; height: 16px; }.px-search-mega__head > div > span:last-child{ display: grid; gap: 2px; }.px-search-mega__head small{ color: #929292; font-size: 11px; font-weight: 750; letter-spacing: .13em; }.px-search-mega__head strong{ font-size: 16px; letter-spacing: -.25px; }.px-search-mega__head > button,
.px-search-mega__form button{ display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 10px; background: rgba(0, 0, 0, .045); cursor: pointer; }.px-search-mega__head > button svg,
.px-search-mega__form button svg{ width: 14px; height: 14px; }.px-search-mega__form{ position: relative; display: flex; align-items: center; margin: 0 22px; border: 1px solid rgba(0, 0, 0, .08); border-radius: 15px; background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, .035); }.px-search-mega__form > svg{ position: absolute; left: 15px; width: 18px; height: 18px; color: #646464; }.px-search-mega__form input{ width: 100%; height: 57px; padding: 0 52px 0 46px; border: 0; outline: 0; background: transparent; color: #171717; font-size: 16px; }.px-search-mega__form input::placeholder{ color: #aaa; }.px-search-mega__form button{ position: absolute; right: 10px; }.px-search-mega__form button[hidden]{ display: none; }.px-search-mega__body{ min-height: 305px; max-height: min(520px, calc(100dvh - 310px)); overflow: auto; overscroll-behavior: contain; padding: 18px 22px 22px; }.px-search-mega__state{ display: grid; justify-items: center; align-content: center; min-height: 270px; text-align: center; }.px-search-mega__state[hidden],.px-search-mega__results[hidden]{ display: none; }.px-search-mega__state-mark{ display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 10px; border: 1px solid rgba(0, 0, 0, .065); border-radius: 13px; background: rgba(255, 255, 255, .72); color: #767676; font-size: 17px; }.px-search-mega__state-mark svg{width:17px;height:17px}.px-search-mega__state-mark svg.is-loading{animation:px-spin .75s linear infinite}.px-search-mega__state strong{ font-size: 15.5px; }.px-search-mega__state p{ margin: 5px 0 0; color: #858585; font-size: 13.5px; }.px-search-mega__results{ display: grid; grid-template-columns: 1fr; gap: 18px; }.px-search-group{ display: grid; gap: 8px; min-width: 0; }.px-search-group__head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 2px; }.px-search-group__head strong{ color: #707070; font-size: 11px; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }.px-search-group__head > span{ color: #999; font-size: 11px; font-variant-numeric: tabular-nums; }.px-search-group__content{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }.px-search-group--terms .px-search-group__content{ display: flex; flex-wrap: wrap; gap: 6px; }.px-search-result{ display: grid; grid-template-columns: 58px minmax(0, 1fr) 18px; align-items: center; gap: 10px; min-width: 0; padding: 7px; border: 1px solid rgba(0, 0, 0, .055); border-radius: 12px; background: rgba(255, 255, 255, .68); color: inherit; text-decoration: none; transition: background .18s, border-color .18s, transform .22s cubic-bezier(.16, 1, .3, 1), box-shadow .2s; }.px-search-result:hover,
.px-search-result.is-keyboard-active{ transform: translateY(-1px); border-color: rgba(0, 0, 0, .16); background: #fff; box-shadow: 0 10px 28px rgba(0, 0, 0, .06); }.px-search-result__visual{ position: relative; display: grid; place-items: center; width: 58px; height: 58px; overflow: hidden; border-radius: 9px; background: #e8e8e5; color: #888; }.px-search-result__visual img{ width: 100%; height: 100%; object-fit: cover; }.px-search-result__copy{ display: grid; gap: 4px; min-width: 0; }.px-search-result__copy strong{ overflow: hidden; font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }.px-search-result__copy > span{ color: #858585; font-size: 11.5px; }.px-search-result__arrow{ color: #7f7f7f; font-size: 14.5px; }.px-search-result mark,
.px-search-term mark{ padding: 0; background: transparent; color: #0d0d0d; font-weight: 760; }.px-search-term{ display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 10px; border: 1px solid rgba(0, 0, 0, .07); border-radius: 9px; background: rgba(255, 255, 255, .68); color: #444; font-size: 12.5px; font-weight: 620; text-decoration: none; transition: background .17s, border-color .17s, transform .22s cubic-bezier(.16, 1, .3, 1); }.px-search-term__mark{ display: inline-grid; place-items: center; width: 15px; height: 15px; flex: 0 0 15px; }.px-search-term__mark .px-icon{ width: 15px; height: 15px; }.px-search-term:hover,
.px-search-term.is-keyboard-active{ transform: translateY(-1px); border-color: rgba(0, 0, 0, .14); background: #fff; color: #111; }.px-search-mega__foot{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 22px; border-top: 1px solid rgba(0, 0, 0, .055); color: #858585; font-size: 11.5px; }.px-search-mega__foot kbd{ padding: 4px 6px; border: 1px solid rgba(0, 0, 0, .08); border-radius: 6px; background: #fff; font: 600 11px/1 inherit; }@keyframes px-search-mega-in { from { opacity: 0; transform: translateY(10px) scale(.99); } to { opacity: 1; transform: none; } }@media (max-width: 1024px) {.px-sidebar{
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    contain: layout style;
    isolation: isolate;
    backface-visibility: hidden;
    transform: translate3d(-104%, 0, 0);
	  will-change: transform;
	}body.px-mobile-nav-open .px-sidebar{ transform: translate3d(0, 0, 0); }}@media (max-width: 720px) {.px-search-mega{ padding: 58px 10px 18px; }.px-search-mega__window{ width: calc(100vw - 20px); max-height: calc(100dvh - 76px); border-radius: 18px; }.px-search-mega__head{ padding: 15px 15px 12px; }.px-search-mega__form{ margin: 0 15px; }.px-search-mega__form input{ height: 52px; font-size: 14.5px; }.px-search-mega__body{ max-height: calc(100dvh - 265px); padding: 13px 15px 16px; }.px-search-group__content{ grid-template-columns: 1fr; }.px-search-mega__results{ gap: 15px; }.px-search-mega__foot{ padding: 10px 15px; }}
/* Theme-owned saved-item controls for AI Suite surfaces. */
#pxvu-app .px-theme-save{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:11px;background:rgba(18,20,19,.82);color:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(10,12,10,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .18s ease,background .18s ease,color .18s ease}#pxvu-app .px-theme-save:hover{transform:translateY(-1px)}#pxvu-app .px-theme-save.is-active{background:#fff;color:#111}#pxvu-app .px-theme-save svg{width:15px;height:15px;fill:transparent;stroke:currentColor;stroke-width:2}#pxvu-app .px-theme-save.is-active svg{fill:currentColor}#pxvu-app .pxvu-message-actions .px-theme-save{display:inline-flex;width:auto;height:32px;align-items:center;gap:7px;padding:0 10px;border-color:rgba(17,20,24,.08);border-radius:10px;background:#fff;color:#676c73;box-shadow:none;font-size:11.5px;font-weight:650}#pxvu-app .pxvu-message-actions .px-theme-save.is-active{background:#111;color:#fff}#pxvu-app .pxvu-result-actions .px-theme-save{display:inline-flex;width:auto;min-width:96px;height:38px;align-items:center;gap:7px;padding:0 12px;border-radius:12px}#pxvu-app .pxvu-result-actions .px-theme-save::after{content:"Save"}#pxvu-app .pxvu-result-actions .px-theme-save.is-active::after{content:"Saved"}