.naraya-sidebar-layout{--naraya-sidebar-layout-topbar-h:3.5rem;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background-color:rgb(var(--bg-app));color:rgb(var(--text-main))}.naraya-sidebar-layout__topbar{position:relative;z-index:var(--z-popover);display:flex;align-items:stretch;flex-shrink:0;border-bottom:1px solid rgb(var(--border-subtle))}.naraya-sidebar-layout__topbar-slot{flex:1;min-width:0}.naraya-sidebar-layout__topbar-slot>.naraya-topbar{border-bottom:0}.naraya-sidebar-layout__workspace{position:relative;flex:1;min-height:0;display:flex}.naraya-sidebar-layout__aside{flex-shrink:0;display:flex;flex-direction:column;height:100%;min-height:0}.naraya-sidebar-layout__aside>.naraya-sidebar{flex:1;min-height:0;height:auto}.naraya-sidebar-layout__content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--color-primary)/.46) transparent}.naraya-sidebar-layout__content::-webkit-scrollbar{width:.5rem;height:.5rem}.naraya-sidebar-layout__content::-webkit-scrollbar-track{background:transparent}.naraya-sidebar-layout__content::-webkit-scrollbar-thumb{background:rgb(var(--color-primary)/.34);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.naraya-sidebar-layout__content::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-primary)/.5);background-clip:padding-box}.naraya-sidebar-layout__menu-btn{display:none;align-self:center;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:.75rem;flex-shrink:0;background:transparent;border:1px solid rgb(var(--border-subtle));border-radius:.5rem;color:rgb(var(--text-muted));cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-sidebar-layout__menu-btn:hover{color:rgb(var(--text-main));background-color:rgb(var(--color-secondary))}.naraya-sidebar-layout__mobile-head{display:none;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;border-bottom:1px solid rgb(var(--border-subtle))}.naraya-sidebar-layout__mobile-title{font-size:.875rem;font-weight:600;color:rgb(var(--text-main))}.naraya-sidebar-layout__close-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:transparent;border:0;border-radius:.375rem;color:rgb(var(--text-muted));cursor:pointer;transition:background-color var(--duration-fast) var(--easing-smooth),color var(--duration-fast) var(--easing-smooth)}.naraya-sidebar-layout__close-btn:hover{background-color:rgb(var(--color-secondary));color:rgb(var(--text-main))}.naraya-sidebar-layout__overlay{display:none}@media (max-width:1023px){.naraya-sidebar-layout__menu-btn{display:inline-flex}.naraya-sidebar-layout__aside{position:fixed;top:var(--naraya-sidebar-layout-topbar-h);left:0;bottom:0;z-index:var(--z-modal);width:16rem;height:auto;background-color:rgb(var(--bg-surface));transform:translateX(-100%);transition:transform var(--duration-base) var(--easing-smooth);box-shadow:var(--shadow-xl)}@media (prefers-reduced-motion:reduce){.naraya-sidebar-layout__aside{transition:none}}.naraya-sidebar-layout__aside--open{transform:translateX(0)}.naraya-sidebar-layout__aside>.naraya-sidebar{width:100%}.naraya-sidebar-layout__mobile-head{display:flex}.naraya-sidebar-layout__aside .naraya-sidebar__header{margin-top:0}.naraya-sidebar-layout__overlay[data-open]{display:block;position:fixed;top:var(--naraya-sidebar-layout-topbar-h);left:0;right:0;bottom:0;z-index:var(--z-overlay);background-color:rgba(0,0,0,.4);backdrop-filter:blur(2px)}}