.sidebar-drawer,.sidebar-drawer[hidden]{position:fixed;inset:0 auto 0 0;width:51px;display:flex;flex-direction:column;align-items:center;padding:10px 5px;background:#121415;border-right:1px solid var(--line);z-index:110;transform:none;pointer-events:auto;overflow:visible}
.sidebar-drawer .brand{height:34px;width:40px;display:flex;align-items:center;justify-content:center;margin:4px 0 12px}
.brand-icon{width:30px;height:30px;flex:none}.sidebar-drawer .brand-wordmark{display:none}
.sidebar-drawer nav{display:flex;flex-direction:column;gap:6px;width:40px;margin:0;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:none;padding-bottom:12px}
.sidebar-drawer nav::-webkit-scrollbar{display:none}
.sidebar-drawer nav>*{flex-shrink:0}
.sidebar-drawer .brand{flex-shrink:0}
.sidebar-drawer .nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:36px;margin:0;padding:8px;color:var(--muted);border-radius:8px}
.sidebar-drawer .nav-item:hover,.sidebar-drawer .nav-item.active{background:#ffffff09;color:var(--text)}
.sidebar-drawer button.nav-item{border:0;background:transparent;font:inherit;cursor:pointer}.sidebar-drawer .nav-item:focus-visible{outline:2px solid #7bbaff;outline-offset:-2px}
.sidebar-drawer .nav-item svg,.sidebar-drawer .nav-profile-avatar{width:22px;height:22px;flex:none}
.sidebar-drawer .nav-chevron,.sidebar-drawer .nav-beta-wrap,.sidebar-drawer .theme-button{display:none!important}
.sidebar-drawer .tooltip{position:absolute;left:48px;top:50%;transform:translateY(-50%);display:none;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#202020;color:#fff;white-space:nowrap;font-size:13px;z-index:120}
.sidebar-drawer .nav-item:hover .tooltip{display:block;visibility:visible;opacity:1}
.settings-submenu{position:absolute;left:51px;bottom:40px;width:220px;background:#202020;padding:8px;border:1px solid var(--line);border-radius:8px;z-index:120}
.settings-submenu[hidden]{display:none}.settings-submenu a,.settings-submenu button{display:block;width:100%;padding:10px;text-align:left;background:transparent;color:var(--text)}
.drawer-overlay{display:none!important}
#app{margin-left:51px}.statusbar{left:51px}
.sidebar-drawer{transition:width 180ms ease,padding 180ms ease}
.sidebar-drawer:is(:hover,:focus-within){width:220px;padding:10px 8px;align-items:stretch;background:#121212}
.sidebar-drawer:is(:hover,:focus-within) .brand{width:100%;justify-content:flex-start;gap:8px;padding-left:3px;margin:0 0 9px;height:34px}
.sidebar-drawer:is(:hover,:focus-within) .brand-wordmark{display:block;position:static;transform:none;opacity:1;width:98px;height:24px;color:#fff}
.sidebar-drawer:is(:hover,:focus-within) nav{width:100%;gap:8px}
.sidebar-drawer:is(:hover,:focus-within) .nav-item{width:100%;height:36px;justify-content:flex-start;gap:8px;padding:8px;border-radius:999px;color:#f3f3f3}
.sidebar-drawer:is(:hover,:focus-within) .nav-item.active,.sidebar-drawer:is(:hover,:focus-within) .nav-item:hover{background:#28292e}
.sidebar-drawer:is(:hover,:focus-within) .nav-item svg,.sidebar-drawer:is(:hover,:focus-within) .nav-profile-avatar{width:20px;height:20px;color:#aeb0b3}
.sidebar-drawer:is(:hover,:focus-within) .tooltip{display:flex;align-items:center;gap:6px;position:static;transform:none;visibility:visible;opacity:1;padding:0;border:0;background:none;box-shadow:none;font:600 16px/20px Arial,sans-serif;pointer-events:none}
.sidebar-drawer:is(:hover,:focus-within) .tooltip::before,.sidebar-drawer:is(:hover,:focus-within) .tooltip::after{display:none}
.sidebar-drawer:is(:hover,:focus-within) .nav-chevron{display:flex!important;align-items:center;margin-left:auto;color:#aaa;font-size:22px}
.sidebar-drawer:is(:hover,:focus-within) .nav-beta-wrap{display:inline-flex!important;background:#393c3e;color:#b7b8ba;border-radius:2px;padding:1px 5px;font-size:11px;line-height:16px}
.sidebar-drawer:is(:hover,:focus-within) [data-nav="resources"]{margin-top:18px}
.sidebar-drawer:is(:hover,:focus-within) [data-nav="resources"]::before{content:'';position:absolute;top:-13px;left:0;right:0;height:1px;background:#272727}
.sidebar-drawer:is(:hover,:focus-within) .settings-submenu{left:220px}
@media(prefers-reduced-motion:reduce){.sidebar-drawer{transition:none}}
.nav-profile-row{display:flex;align-items:center;width:100%;gap:4px;min-width:0}
.nav-profile-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-self:stretch;flex:1;min-width:0;overflow:hidden}
.nav-profile-title{max-width:100%;white-space:nowrap;opacity:0;transition:opacity 180ms ease;font:600 16px/20px Arial,sans-serif}
.sidebar-drawer .nav-profile-content{display:none}
.sidebar-drawer .nav-profile-arrow{display:none}
.sidebar-drawer:is(:hover,:focus-within) .nav-profile-row .nav-item{flex:1;min-width:0;width:auto}
.sidebar-drawer:is(:hover,:focus-within) .nav-profile-content{display:flex}
.sidebar-drawer:is(:hover,:focus-within) .nav-profile-title{opacity:1}
.sidebar-drawer:is(:hover,:focus-within) .nav-profile-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;color:var(--muted)}
.sidebar-drawer .nav-profile-arrow:is(:hover,:focus-visible){background:#28292e;color:var(--text)}
.sidebar-drawer .nav-profile-arrow svg{width:16px;height:16px;fill:currentColor;transform:rotate(180deg);transition:transform 220ms ease}
.sidebar-drawer .nav-profile-arrow[aria-expanded="true"] svg{transform:rotate(270deg)}
.nav-profile-group{width:100%;min-width:0}
.nav-profile-arrow{padding:0;border:0;background:transparent;cursor:pointer}
.nav-profile-menu{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows 220ms ease,opacity 180ms ease,visibility 220ms}
.nav-profile-menu-clip{min-height:0;overflow:hidden}
.nav-profile-menu-items{display:flex;flex-direction:column;margin:8px 0 0 18px;padding-left:9px;border-left:1px solid var(--line)}
.nav-profile-menu-items button{display:block;width:100%;height:36px;padding:0 8px;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--text);font:600 14px/20px Arial,sans-serif;cursor:pointer;white-space:nowrap}
.nav-profile-menu-items button:is(:hover,:focus-visible){background:var(--hover)}
.sidebar-drawer:is(:hover,:focus-within) .nav-profile-group.expanded .nav-profile-menu{grid-template-rows:1fr;opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){.nav-profile-menu,.sidebar-drawer .nav-profile-arrow svg{transition:none}}
body.light .sidebar-drawer .nav-profile-row a:is(:hover,:focus-visible){background:var(--hover);color:var(--text)}
@media(prefers-reduced-motion:reduce){.nav-profile-title{transition:none}}
@media(max-width:640px){.sidebar-drawer,.sidebar-drawer[hidden]{width:44px;padding-left:2px;padding-right:2px}#app{margin-left:44px}.statusbar{left:44px}.sidebar-drawer nav{gap:2px}.sidebar-drawer .nav-item{height:34px}}