/* Sidebar scrollbars: restrained in both themes, without changing navigation. */
.studio-sidebar-top,.studio-user-panel{
  scrollbar-width:thin;
  scrollbar-color:#c5c5c5 transparent;
  scrollbar-gutter:stable;
}
.studio-sidebar-top::-webkit-scrollbar,.studio-user-panel::-webkit-scrollbar{width:6px;height:6px}
.studio-sidebar-top::-webkit-scrollbar-track,.studio-user-panel::-webkit-scrollbar-track{background:transparent}
.studio-sidebar-top::-webkit-scrollbar-thumb,.studio-user-panel::-webkit-scrollbar-thumb{background:#c5c5c5;border:1px solid transparent;background-clip:padding-box;border-radius:999px}
.studio-sidebar-top::-webkit-scrollbar-thumb:hover,.studio-user-panel::-webkit-scrollbar-thumb:hover{background:#a3a3a3}
html[data-theme=dark] .studio-sidebar-top,html[data-theme=dark] .studio-user-panel{scrollbar-color:#555 transparent}
html[data-theme=dark] .studio-sidebar-top::-webkit-scrollbar-thumb,html[data-theme=dark] .studio-user-panel::-webkit-scrollbar-thumb{background:#555}
html[data-theme=dark] .studio-sidebar-top::-webkit-scrollbar-thumb:hover,html[data-theme=dark] .studio-user-panel::-webkit-scrollbar-thumb:hover{background:#777}
.studio-main-header.has-title{align-items:center}
.studio-main-header.has-title .studio-pricing-top-btn{margin-top:0}
@media(forced-colors:active){.studio-sidebar-top,.studio-user-panel{scrollbar-color:auto}}
/* Keep the gutter stable; show only a slim thumb while interacting. */
.studio-sidebar,.studio-nav,.studio-sidebar-top,.studio-user-panel{scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable}
.studio-sidebar::-webkit-scrollbar,.studio-nav::-webkit-scrollbar,.studio-sidebar-top::-webkit-scrollbar,.studio-user-panel::-webkit-scrollbar{width:5px;height:5px}
.studio-sidebar::-webkit-scrollbar-track,.studio-nav::-webkit-scrollbar-track{background:transparent}
.studio-sidebar::-webkit-scrollbar-thumb,.studio-nav::-webkit-scrollbar-thumb,.studio-sidebar-top::-webkit-scrollbar-thumb,.studio-user-panel::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:0}
.studio-sidebar:is(:hover,:focus-within),.studio-sidebar :is(.studio-nav,.studio-sidebar-top,.studio-user-panel):is(:hover,:focus-within){scrollbar-color:#b7b7b7 transparent}
.studio-sidebar:is(:hover,:focus-within)::-webkit-scrollbar-thumb,.studio-sidebar :is(.studio-nav,.studio-sidebar-top,.studio-user-panel):is(:hover,:focus-within)::-webkit-scrollbar-thumb{background:#b7b7b7}
html[data-theme=dark] :is(.studio-sidebar,.studio-nav,.studio-sidebar-top,.studio-user-panel){scrollbar-color:transparent transparent}
html[data-theme=dark] :is(.studio-sidebar,.studio-nav,.studio-sidebar-top,.studio-user-panel)::-webkit-scrollbar-thumb{background:transparent}
html[data-theme=dark] :is(.studio-sidebar,.studio-nav,.studio-sidebar-top,.studio-user-panel):is(:hover,:focus-within){scrollbar-color:#606060 transparent}
html[data-theme=dark] :is(.studio-sidebar,.studio-nav,.studio-sidebar-top,.studio-user-panel):is(:hover,:focus-within)::-webkit-scrollbar-thumb{background:#606060}
@media(forced-colors:active){.studio-sidebar,.studio-sidebar :is(.studio-nav,.studio-sidebar-top,.studio-user-panel){scrollbar-color:auto}}
/* Non-scrolling containers must not reserve a second scrollbar gutter. */
.studio-sidebar,.studio-sidebar-top{scrollbar-gutter:auto}
.studio-nav{scrollbar-gutter:stable both-edges}
.studio-app.is-collapsed .studio-nav,
.studio-sidebar.is-collapsed .studio-nav{padding-inline:6px}
.studio-app.is-collapsed .studio-nav-item,
.studio-sidebar.is-collapsed .studio-nav-item{justify-content:center;gap:0;padding-inline:0}
.studio-app.is-collapsed .studio-user-trigger,
.studio-sidebar.is-collapsed .studio-user-trigger{justify-content:center;gap:0;padding-inline:0}
/* Keep the Writer description readable when the navigation has less space. */
.studio-nav-text--writer{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45;overflow-wrap:anywhere}
.studio-nav-text--writer small{display:inline-block;max-width:100%;vertical-align:baseline}