@layer components{.layout{flex-direction:column;flex:1;gap:4px;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.layout--standalone{padding-inline:4px;padding-top:4px}.layout--standalone:after{z-index:-1;border:1px solid var(--layout-level-1-border);content:"";pointer-events:none;border-top-left-radius:8px;border-top-right-radius:8px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000);mask-image:linear-gradient(#000 0% 50%,#0000)}.layout--standalone:before{z-index:-1;background:linear-gradient(to bottom, var(--layout-background) 50%, transparent);content:"";pointer-events:none;border-top-left-radius:8px;border-top-right-radius:8px;position:absolute;inset:0}.layout__layer{--background:var(--layout-level-1-background);--border:var(--layout-level-1-border);--radius:var(--layout-level-1-radius);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);scrollbar-color:var(--layout-border) transparent;scrollbar-width:thin}.layout__layer--dark{--background:oklch(25% .00004 271.152);--border:transparent;color:var(--primary-foreground)}.layout__layer .layout__layer{--background:var(--layout-level-2-background);--border:oklch(94% 0 0)}.layout__layer .layout__layer--dark{--background:oklch(25% .00004 271.152);--border:oklch(0% 0 0)}.layout__content{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;flex-direction:column;flex-grow:1;height:100%;display:flex;overflow:auto}.layout__header{justify-content:space-between;width:100%;display:flex}.layout__main{flex-grow:1;gap:4px;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.layout__sidebar{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;flex-shrink:0;width:187px;height:100%;padding:8px;font-size:14px;overflow:auto}.layout__sidebar .list__section-title{color:var(--nav-group-label);font-weight:500}.layout__sidebar .list__section{margin:0}.layout__sidebar .list__separator{background-color:var(--nav-separator);margin-block:8px}.layout__sidebar .list__item{height:2em;color:var(--nav-item-text);border-radius:4px;gap:8px;padding-inline:8px;font-size:1em}.layout__sidebar .list__item-icon{width:16px;height:16px;color:var(--nav-item-icon)}.layout__sidebar .list__item:hover{background-color:var(--nav-item-hover)}.layout__sidebar .list__item:active,.layout__sidebar .list__item.active{background-color:var(--nav-item-active)}.layout__title{padding-left:4px;font-size:14px;line-height:24px}.layout__fallback{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}}
