.app-shell.editor-fs-active .sidebar{width:80px!important;min-width:80px!important;max-width:80px!important;pointer-events:none;opacity:.98;overflow:hidden}
.app-shell.editor-fs-active .sidebar .nav-item{justify-content:center;padding-left:0;padding-right:0}
.app-shell.editor-fs-active .sidebar .nav-item-label,.app-shell.editor-fs-active .sidebar .sidebar-section-title,.app-shell.editor-fs-active .sidebar .user-text,.app-shell.editor-fs-active .sidebar .tag-list,.app-shell.editor-fs-active .sidebar .sidebar-toggle,.app-shell.editor-fs-active .sidebar .sidebar-resizer{display:none!important}
.app-shell.editor-fs-active .topbar,.app-shell.editor-fs-active .bottom-nav,.app-shell.editor-fs-active .fab-stack{opacity:0;pointer-events:none}

.sidebar::after{content:"";position:absolute;left:-40px;top:-30px;width:220px;height:220px;pointer-events:none;filter:blur(48px);background:radial-gradient(circle at 40% 40%, rgba(255,198,92,.28), transparent 65%)}
.sidebar-resizer{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:3}
.sidebar-top{display:flex;align-items:center;gap:10px;min-height:38px;position:relative;z-index:1}
.avatar{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#262626,#4b5563);color:white;box-shadow:0 6px 16px rgba(0,0,0,.16)}
.sidebar-toggle{margin-left:auto;border:none;background:transparent;color:var(--desc);width:30px;height:30px;border-radius:10px;display:grid;place-items:center}
.sidebar-toggle:hover{background:var(--hover);color:var(--foreground)}
.sidebar-nav{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1;min-height:0;overflow:visible;flex:0 0 auto;padding-right:0}.sidebar-tags{display:grid;gap:4px;padding-bottom:8px;min-width:0}
.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;color:var(--foreground);font-weight:600;font-size:14px;transition:background .18s ease,color .18s ease, transform .18s ease;min-width:0}
.nav-item:hover{background:var(--hover)}
.nav-item.active{background:var(--primary);color:var(--primary-foreground)}
.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}
.nav-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .nav-item-label,.sidebar.collapsed .sidebar-section-title,.sidebar.collapsed .user-text{display:none}
.sidebar-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ignore);padding:10px 12px 4px;font-weight:700}
.tag-list{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 0 12px;overflow-x:hidden}
.tag-chip{font-size:12px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb, var(--secondary) 12%, transparent);color:var(--secondary);font-weight:600;cursor:pointer;border:1px solid transparent}
.tag-chip.active{border-color:color-mix(in srgb, var(--secondary) 38%, transparent);background:color-mix(in srgb, var(--secondary) 18%, transparent)}
.main{flex:1;display:flex;flex-direction:column;min-width:0;height:var(--doc-height)}
