:root{--sidebar-width:216px;--sidebar-collapsed-width:52px;--sidebar-radius:14px;--sidebar-scrollbar-size:4px;--sidebar-scrollbar-thumb:215 16% 78%}.dark{--sidebar-scrollbar-thumb:0 0% 100%}.appShell{--sidebar-surface:var(--sidebar);--sidebar-muted-surface:var(--background);--sidebar-shell-bg:var(--background);display:flex;min-height:100vh;width:100%;background:hsl(var(--sidebar-shell-bg))}.dark .appShell{--sidebar-surface:var(--sidebar);--sidebar-muted-surface:var(--muted);--sidebar-shell-bg:var(--background)}.appShellMain{display:flex;flex:1;flex-direction:column;min-width:0}.appShellContent{flex:1;min-width:0}.appShell:has(.appFullHeightSurface){height:100vh;height:100dvh;min-height:0;overflow:hidden}.appShell:has(.appFullHeightSurface) .appShellMain{min-height:0}.appShell:has(.appFullHeightSurface) .appShellContent{min-height:0;overflow:hidden}.appMobileHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 16px;border-bottom:1px solid hsl(var(--border)/.6);background:hsl(var(--background)/.95);backdrop-filter:blur(12px)}@media (min-width:900px){.appMobileHeader{display:none}}.sidebarBackdrop{position:fixed;inset:0;z-index:40;background:hsl(var(--background)/.6);backdrop-filter:blur(2px)}@media (min-width:900px){.sidebarBackdrop{display:none}}.sidebarDrawer{position:fixed;top:0;left:0;z-index:50;height:100dvh;padding:8px}@media (min-width:900px){.sidebarDrawer{position:sticky;top:0;height:100vh;flex-shrink:0}}@media (max-width:899px){.sidebarDrawer{height:100dvh;pointer-events:none;visibility:hidden;transform:translate3d(-100%,0,0);transition:transform .22s ease-out,visibility 0s linear .22s;will-change:transform}.sidebarDrawer[data-mobile-open=true]{pointer-events:auto;visibility:visible;transform:translateZ(0);transition:transform .22s ease-out}.sidebarDrawer .sidebar{height:calc(100dvh - 16px)}}.sidebar{position:sticky;top:10px;display:flex;flex-direction:column;width:var(--sidebar-width);height:calc(100vh - 20px);min-height:0;padding:10px;border:1px solid hsl(var(--sidebar-border)/.7);border-radius:var(--sidebar-radius);background:hsl(var(--sidebar-surface,var(--sidebar)));box-shadow:0 1px 2px hsl(215 35% 42%/.06),0 8px 24px hsl(215 35% 42%/.06);transition:width .3s ease,padding .3s ease}.sidebar[data-sidebar-hydrated=false]{visibility:hidden}.dark .sidebar{box-shadow:none}.sidebarSurface{min-width:0;border:1px solid hsl(var(--sidebar-border)/.7);border-radius:14px;background:hsl(var(--sidebar-surface,var(--sidebar)));box-shadow:0 1px 2px hsl(215 35% 42%/.06),0 8px 24px hsl(215 35% 42%/.06)}.dark .sidebarSurface{box-shadow:none}.appDrawerPanel,.appDrawerPanel *,.sidebar,.sidebar *,.sidebarScrollArea,.sidebarScrollArea *,.sidebarSurface,.sidebarSurface *,.wsFloatPane,.wsFloatPane *,.wsRail,.wsRail *{scrollbar-color:hsl(var(--sidebar-scrollbar-thumb)/.62) transparent!important;scrollbar-width:thin}.appDrawerPanel ::-webkit-scrollbar,.appDrawerPanel::-webkit-scrollbar,.sidebar ::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.sidebarScrollArea ::-webkit-scrollbar,.sidebarScrollArea::-webkit-scrollbar,.sidebarSurface ::-webkit-scrollbar,.sidebarSurface::-webkit-scrollbar,.wsFloatPane ::-webkit-scrollbar,.wsFloatPane::-webkit-scrollbar,.wsRail ::-webkit-scrollbar,.wsRail::-webkit-scrollbar{width:var(--sidebar-scrollbar-size)!important;height:var(--sidebar-scrollbar-size)!important}.appDrawerPanel ::-webkit-scrollbar-track,.appDrawerPanel::-webkit-scrollbar-track,.sidebar ::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track,.sidebarScrollArea ::-webkit-scrollbar-track,.sidebarScrollArea::-webkit-scrollbar-track,.sidebarSurface ::-webkit-scrollbar-track,.sidebarSurface::-webkit-scrollbar-track,.wsFloatPane ::-webkit-scrollbar-track,.wsFloatPane::-webkit-scrollbar-track,.wsRail ::-webkit-scrollbar-track,.wsRail::-webkit-scrollbar-track{background:transparent!important}.appDrawerPanel ::-webkit-scrollbar-thumb,.appDrawerPanel::-webkit-scrollbar-thumb,.sidebar ::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb,.sidebarScrollArea ::-webkit-scrollbar-thumb,.sidebarScrollArea::-webkit-scrollbar-thumb,.sidebarSurface ::-webkit-scrollbar-thumb,.sidebarSurface::-webkit-scrollbar-thumb,.wsFloatPane ::-webkit-scrollbar-thumb,.wsFloatPane::-webkit-scrollbar-thumb,.wsRail ::-webkit-scrollbar-thumb,.wsRail::-webkit-scrollbar-thumb{border-radius:999px;background:hsl(var(--sidebar-scrollbar-thumb)/.62)!important}.appDrawerPanel ::-webkit-scrollbar-thumb:hover,.appDrawerPanel::-webkit-scrollbar-thumb:hover,.sidebar ::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover,.sidebarScrollArea ::-webkit-scrollbar-thumb:hover,.sidebarScrollArea::-webkit-scrollbar-thumb:hover,.sidebarSurface ::-webkit-scrollbar-thumb:hover,.sidebarSurface::-webkit-scrollbar-thumb:hover,.wsFloatPane ::-webkit-scrollbar-thumb:hover,.wsFloatPane::-webkit-scrollbar-thumb:hover,.wsRail ::-webkit-scrollbar-thumb:hover,.wsRail::-webkit-scrollbar-thumb:hover{background:hsl(var(--sidebar-scrollbar-thumb)/.82)!important}@media (min-width:1024px){.sidebarSurfaceDesktop{min-width:0;padding:10px;border:1px solid hsl(var(--sidebar-border)/.7);border-radius:14px;background:hsl(var(--sidebar-surface,var(--sidebar)));box-shadow:0 1px 2px hsl(215 35% 42%/.06),0 8px 24px hsl(215 35% 42%/.06)}.dark .sidebarSurfaceDesktop{box-shadow:none}.sidebarSurfaceDesktop,.sidebarSurfaceDesktop *{scrollbar-color:hsl(var(--sidebar-scrollbar-thumb)/.62) transparent!important;scrollbar-width:thin}.sidebarSurfaceDesktop ::-webkit-scrollbar,.sidebarSurfaceDesktop::-webkit-scrollbar{width:var(--sidebar-scrollbar-size)!important;height:var(--sidebar-scrollbar-size)!important}.sidebarSurfaceDesktop ::-webkit-scrollbar-track,.sidebarSurfaceDesktop::-webkit-scrollbar-track{background:transparent!important}.sidebarSurfaceDesktop ::-webkit-scrollbar-thumb,.sidebarSurfaceDesktop::-webkit-scrollbar-thumb{border-radius:999px;background:hsl(var(--sidebar-scrollbar-thumb)/.62)!important}.sidebarSurfaceDesktop ::-webkit-scrollbar-thumb:hover,.sidebarSurfaceDesktop::-webkit-scrollbar-thumb:hover{background:hsl(var(--sidebar-scrollbar-thumb)/.82)!important}}.sidebar.collapsed{--sidebar-width:var(--sidebar-collapsed-width);--sidebar-radius:26px;padding-inline:7px}.sidebarTop{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.addButton,.brandButton,.collapseButton,.navRow,.profileRow,.subMenuItem{border:0;background:transparent;cursor:pointer}.brandButton{position:relative;display:inline-flex;align-items:center;gap:10px;height:40px;min-width:0;padding:0}.brandButton,.brandButton:hover{color:hsl(var(--foreground))}.brandLogoWrap{display:inline-grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;width:168px;height:40px;min-width:0;overflow:hidden;transition:width .18s ease}.brandLogoIcon{display:inline-grid;width:32px;height:32px;place-items:center;line-height:0}.brandLogoIcon>span{display:inline-flex}.brandHeadings{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:2px;text-align:left}.brandProjectName{overflow:hidden;color:hsl(var(--primary));font-family:var(--font-heading);font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.1;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dark .brandProjectName{color:#ffffff}.brandSubheading{display:inline-flex;align-items:center;gap:1px;max-width:100%;overflow:hidden;color:hsl(var(--muted-foreground)/.7);font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.1em;line-height:1;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.brandSubheading svg{width:12px;height:12px;margin-left:-2px}.brandIconWrap{display:none;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px}.brandExpandIcon{display:none;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid hsl(var(--sidebar-border)/.6);border-radius:999px;color:hsl(var(--muted-foreground));background:transparent;transition:background .16s ease,color .16s ease}.brandExpandIcon svg{display:block;width:20px;height:20px}.brandMark{position:relative;display:inline-block;width:28px;height:28px;flex:0 0 28px;border:1px solid hsl(var(--border));border-radius:8px}.brandMark:after,.brandMark:before{position:absolute;inset:50% auto auto 50%;border-radius:99px;background:hsl(var(--foreground));content:"";transform:translate(-50%,-50%)}.brandMark:before{width:14px;height:2px}.brandMark:after{width:2px;height:14px}.brandText{overflow:hidden;color:hsl(var(--foreground));font-size:14px;line-height:1;text-overflow:ellipsis;white-space:nowrap;transition:opacity .18s ease,width .18s ease}.collapseButton{display:inline-grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid hsl(var(--sidebar-border)/.6);border-radius:999px;background:transparent;color:hsl(var(--foreground)/.72);transition:background .16s ease,color .16s ease}.collapseButton:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.addButton svg,.collapseButton svg,.profileRow svg,.searchBox svg{display:block;width:18px;height:18px}.navRow svg{display:block;width:16px;height:16px}.sidebar.collapsed .brandText{width:0;opacity:0}.sidebar.collapsed .brandButton{width:32px;height:32px;display:grid;gap:0;justify-content:center;place-items:center}.sidebar.collapsed .brandLogoWrap{display:none}.sidebar.collapsed .brandIconWrap{display:inline-flex;grid-area:1/1}.sidebar.collapsed .brandButton:hover .brandIconWrap{display:none}.sidebar.collapsed .brandButton:hover .brandExpandIcon{display:inline-grid;grid-area:1/1;background:hsl(var(--accent));color:hsl(var(--foreground))}.sidebar.collapsed .sidebarTop{justify-content:center}.sidebar.collapsed .collapseButton{display:none}.sidebar.collapsed .collapseButton svg{width:16px;height:16px}.searchBox{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;margin-top:12px;padding:0 3px 0 10px;border:1px solid hsl(var(--sidebar-border)/.9);border-radius:999px;background:hsl(var(--sidebar-muted-surface)/.72);color:hsl(var(--muted-foreground));text-decoration:none;transition:background .16s ease,border-color .16s ease}.searchBox:focus-within,.searchBox:hover{border-color:hsl(var(--sidebar-border));background:hsl(var(--sidebar-muted-surface));color:hsl(var(--foreground))}.searchBox input{min-width:0;border:0;outline:0;background:transparent;color:hsl(var(--foreground));font-size:14px}.searchBox input:focus,.searchBox input:focus-visible{outline:none;box-shadow:none}.searchBox input::placeholder{color:hsl(var(--muted-foreground))}.searchBox kbd{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:hsl(var(--primary));color:#ffffff;font-size:10px;font-weight:600;line-height:1}.sidebar.collapsed .searchBox{display:grid;grid-template-columns:1fr;justify-items:center;width:32px;height:32px;min-height:32px;margin:14px auto 0;padding:0;border-color:transparent;background:transparent}.sidebar.collapsed .searchBox:hover{background:hsl(var(--sidebar-accent));border-color:transparent}.sidebar.collapsed .toolModeButton{grid-template-columns:1fr;justify-items:center;width:32px;height:32px;min-height:32px;margin:0 auto;padding:0}.sidebar.collapsed .searchBox input,.sidebar.collapsed .searchBox kbd,.sidebar.collapsed .searchBoxLabel{display:none}.searchWrap{position:relative}.searchResults{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;display:grid;gap:2px;max-height:320px;overflow-y:auto;padding:6px;border:1px solid hsl(var(--sidebar-border));border-radius:14px;background:hsl(var(--sidebar-surface));box-shadow:0 10px 30px hsl(222 47% 4%/.14)}.searchEmpty{padding:10px 12px;color:hsl(var(--muted-foreground));font-size:13px}.searchResult{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:hsl(var(--foreground)/.8);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}.searchResult.active,.searchResult:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.searchResultIcon{display:inline-grid;place-items:center;color:hsl(var(--muted-foreground))}.searchResult.active .searchResultIcon{color:hsl(var(--foreground))}.searchResultIcon svg{width:16px;height:16px}.searchResultText{display:flex;align-items:baseline;gap:8px;min-width:0}.searchResultLabel{overflow:hidden;font-size:13.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.searchResultGroup{flex:0 0 auto;margin-left:auto;color:hsl(var(--muted-foreground)/.7);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.sidebarNavigation{flex:1;min-height:0;margin-top:4px;margin-right:-8px;padding-right:6px;padding-bottom:6px;overflow-y:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}@media (hover:hover){.sidebarNavigation:hover{overflow-y:auto}}@media (hover:none){.sidebarNavigation{overflow-y:auto}}.sidebar.collapsed .sidebarNavigation{margin-right:0;padding-right:0;overflow-x:hidden;scrollbar-gutter:auto;scrollbar-width:none}.sidebar.collapsed .sidebarNavigation::-webkit-scrollbar{width:0;height:0;display:none}.navArea{margin-top:14px}.navArea:first-child{margin-top:0}.navAreaPersonal{border-top:1px solid hsl(var(--sidebar-border)/.8)}.navAreaPersonal,.sidebar.collapsed .navAreaPersonal{margin-top:18px;padding-top:16px}.modeHeader{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;padding:0 2px;color:hsl(var(--foreground))}.modeHeader span{overflow:hidden;font-size:13px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.modeBackButton{display:inline-grid;width:28px;height:28px;place-items:center;border:1px solid hsl(var(--sidebar-border)/.75);border-radius:999px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:background .16s ease,color .16s ease}.modeBackButton:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.modeBackButton svg{width:18px;height:18px}.sidebar.collapsed .modeHeader{grid-template-columns:28px;justify-content:center}.toolModeArea{margin-top:10px}.modeBackFooter,.toolModeArea{flex:0 0 auto;padding-top:10px}.modeBackFooter{display:grid;gap:8px;margin-top:8px;border-top:1px solid hsl(var(--sidebar-border)/.7)}.viewPublicProfileButton{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 14px;border:1px solid hsl(var(--primary)/.35);border-radius:999px;background:hsl(var(--primary)/.1);color:hsl(var(--primary));font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.viewPublicProfileButton:hover{border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.16)}.viewPublicProfileButton.collapsed{justify-content:center;width:32px;height:32px;min-height:32px;margin:0 auto;padding:0}.viewPublicProfileButton .backToAppIcon svg{width:16px;height:16px}.backToAppButton{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 14px;border:1px solid hsl(var(--sidebar-border));border-radius:999px;background:hsl(var(--sidebar-accent)/.55);color:hsl(var(--foreground)/.82);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.backToAppButton:hover{border-color:hsl(var(--sidebar-border));background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.backToAppButton.collapsed{justify-content:center;width:32px;height:32px;min-height:32px;margin:0 auto;padding:0}.backToAppIcon{display:inline-grid;place-items:center}.backToAppIcon svg{width:16px;height:16px}.sectionHeader{display:flex;align-items:center;justify-content:space-between;min-height:16px;margin-bottom:4px}.sectionHeader>span{color:hsl(var(--muted-foreground)/.55);font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1;text-transform:uppercase}.addButton{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:8px;color:hsl(var(--muted-foreground));transition:background .16s ease,color .16s ease}.addButton:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.addButton svg{width:16px;height:16px}.sidebar.collapsed .sectionHeader{justify-content:center;min-height:10px;margin-bottom:10px}.sidebar.collapsed .addButton,.sidebar.collapsed .sectionHeader>span{display:none}.navStack{display:grid;gap:4px}.toolModeButton{grid-template-columns:18px minmax(0,1fr);border:1px solid hsl(var(--sidebar-border)/.75);background:hsl(var(--sidebar-muted-surface)/.55)}.toolModeButton .navLabel{font-size:13px;font-weight:600}.toolModeButton.active,.toolModeButton:hover{border-color:hsl(var(--sidebar-border));background:hsl(var(--accent))}.iconRouteGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.sidebar.collapsed .iconRouteGrid{grid-template-columns:1fr}.navGroup{position:relative}.navArea,.navGroup,.navStack,.sidebar{overflow:visible}.navRow{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;min-height:34px;padding:0 10px;border-radius:999px;color:hsl(var(--foreground)/.72);text-align:left;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.compactNavRow{grid-template-columns:20px;justify-content:center;padding-inline:0}.compactNavRow .navLabel,.compactNavRow .rowChevron{display:none}.navRow:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.navRow.active{background:hsl(var(--primary));color:#ffffff;box-shadow:0 6px 14px hsl(var(--primary)/.22)}.navRow.active .navIcon,.navRow.active .rowChevron{color:#ffffff}.navRow.active .navLabel{font-weight:500}[data-sidebar=menu-button][data-active=true],[data-sidebar=menu-button][data-active=true]:hover{background:hsl(var(--primary));color:#ffffff}[data-sidebar=menu-button][data-active=true] .navIcon,[data-sidebar=menu-button][data-active=true] .rowChevron{color:#ffffff}.navIcon{display:inline-grid;place-items:center}.navLabel{overflow:hidden;font-size:14px;font-weight:400;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;transition:opacity .18s ease,width .18s ease}.rowChevron{color:hsl(var(--muted-foreground));transition:transform .2s ease}.rowChevron.open{transform:rotate(180deg)}.sidebar.collapsed .navRow{grid-template-columns:1fr;justify-items:center;width:32px;height:32px;min-height:32px;margin:0 auto;padding:0}.sidebar.collapsed .navLabel,.sidebar.collapsed .rowChevron{display:none}.sidebar.collapsed .navRow.active{box-shadow:none}.subMenu{position:relative;display:grid;gap:2px;max-height:0;overflow:hidden;padding-left:30px;opacity:0;transition:max-height .2s ease,opacity .2s ease,margin .2s ease}.subMenu.open{max-height:480px;margin:6px 0 8px;opacity:1;overflow:visible}.subMenuLine{position:absolute;top:8px;bottom:8px;left:19px;width:1px;background:hsl(var(--sidebar-border))}.subMenuItem{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:30px;padding:0 10px;border-radius:999px;color:hsl(var(--muted-foreground));font-size:13px;line-height:1;text-align:left;transition:background .16s ease,color .16s ease}.collapsedSubItemContent,.subMenuItemContent{display:inline-grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.collapsedSubIcon,.subMenuIcon{display:inline-grid;place-items:center;color:currentColor}.collapsedSubIcon svg,.subMenuIcon svg{width:16px;height:16px}.collapsedSubLabel,.subMenuLabel{overflow:hidden;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.routeBadge{flex:0 0 auto;color:hsl(var(--muted-foreground)/.85);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.subMenuItem:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.subMenuItem.active{background:hsl(var(--primary));color:#ffffff}.sidebar.collapsed .subMenu{display:none}.collapsedSubMenu{position:absolute;left:calc(100% + 10px);top:-6px;z-index:30;min-width:184px;padding:6px;border:1px solid hsl(var(--sidebar-border));border-radius:14px;background:hsl(var(--sidebar-surface));box-shadow:0 14px 36px hsl(222 47% 4%/.16);visibility:hidden;opacity:0;pointer-events:none;transform:translateX(-6px);transition:visibility .26s ease,opacity .22s ease,transform .18s ease}.collapsedSubMenu:before{position:absolute;top:-8px;bottom:-8px;left:-14px;width:16px;content:""}.collapsedSubMenu:after{position:absolute;top:18px;left:-6px;width:11px;height:11px;background:hsl(var(--sidebar-surface));border-left:1px solid hsl(var(--sidebar-border));border-bottom:1px solid hsl(var(--sidebar-border));border-radius:0 0 0 3px;transform:rotate(45deg);content:""}.collapsedSubMenu.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0)}.collapsedSubMenuTitle{padding:4px 10px 6px;color:hsl(var(--muted-foreground)/.6);font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.collapsedSubItem{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:hsl(var(--muted-foreground));font-size:13px;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.collapsedSubItem:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.collapsedSubItem.active{background:hsl(var(--primary));color:#ffffff}.routeInfoPopover{width:248px}.avatar{position:relative;display:inline-block;width:32px;height:32px;flex:0 0 32px}.avatar img{display:block;width:100%;height:100%;border-radius:999px;object-fit:cover}.profileArea{position:relative;margin-top:auto;padding-top:10px}.accountMenu{gap:0;padding:0;border:1px solid hsl(var(--sidebar-border));border-radius:14px;background:hsl(var(--sidebar-surface));box-shadow:0 10px 30px hsl(222 47% 4%/.14)}.sidebarAccountMenuPortal{overflow-x:hidden;padding:0;border:0;border-radius:14px;background:transparent;box-shadow:none}.accountMenuPortal{width:100%;max-width:100%;overflow-x:hidden;background:hsl(var(--card))}.accountMenuHeader{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px}.accountMenuHeader .avatar{flex:0 0 40px;width:40px;height:40px;font-size:14px}.avatar-with-indicator{position:relative;overflow:visible}.avatar-indicator{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid hsl(var(--sidebar));border-radius:999px;background:hsl(var(--success))}.accountMenuIdentity{display:grid;min-width:0;gap:6px}.accountMenuIdentity span,.accountMenuIdentity strong{overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.accountMenuIdentity strong{color:hsl(var(--foreground));font-size:14px;font-weight:600;line-height:1.2}.accountMenuIdentity span{color:hsl(var(--muted-foreground));font-size:12px;line-height:1.2}.accountMenuGroup{display:grid;gap:2px;padding:6px 8px;border-top:1px solid hsl(var(--sidebar-border)/.72)}.accountMenuItem{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:hsl(var(--foreground)/.72);font-size:13.5px;line-height:1;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.accountMenuItem>span:last-child{min-width:0;overflow-wrap:anywhere;line-height:1.25}.accountMenuItem.active,.accountMenuItem:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.accountMenuItem.active{background:hsl(var(--primary));color:#ffffff}.accountMenuItem.danger{color:hsl(14 100% 52%)}.accountMenuItem.danger:hover{background:hsl(14 100% 52%/.12);color:hsl(14 100% 52%)}.accountMenuIcon{display:inline-grid;place-items:center}.accountMenuIcon svg{width:18px;height:18px;stroke-width:1.8}.accountMenuNameRow{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;min-width:0}.accountMenuNameRow strong{flex:1 1 140px;min-width:0;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.accountBadge{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;line-height:1.2}.accountBadgeAdmin{color:hsl(var(--primary));background:hsl(var(--primary)/.12)}.accountBadgePlan{color:hsl(var(--muted-foreground));background:hsl(var(--foreground)/.07)}.accountMenuLabel{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding:0 4px;color:hsl(var(--muted-foreground)/.7);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.accountMenuLabel svg{width:13px;height:13px}.accountLangRow{display:flex;flex-wrap:wrap;gap:4px;padding:0 2px}.accountLangChip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid hsl(var(--sidebar-border)/.7);border-radius:999px;background:transparent;color:hsl(var(--foreground)/.7);font-size:11px;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.accountLangChip:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.accountLangChip.active{border-color:transparent;background:hsl(var(--primary));color:#ffffff}.accountLangFlag{font-size:12px;line-height:1}.profileRow{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 8px;border-radius:999px;color:hsl(var(--foreground)/.72);text-align:left;transition:background .16s ease,color .16s ease}.profileRow.active,.profileRow:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.profileRow .avatar{flex:0 0 32px;width:32px;height:32px}.accountMenuPortal .avatar.avatar-fallback,.sidebar .avatar.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;overflow:visible;padding:0;white-space:nowrap;line-height:1;letter-spacing:-.02em;text-align:center}.avatarInitials{display:block;width:100%;min-width:0;overflow:hidden;line-height:1;text-align:center;white-space:nowrap}.profileRow .avatar.avatar-fallback{font-size:11px}.accountMenuHeader .avatar.avatar-fallback{font-size:13px}.profileChevron{transform:rotate(180deg)}.profileChevron.open{transform:rotate(0deg)}.profileText{display:grid;min-width:0;gap:3px}.profileText span,.profileText strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profileText strong{color:hsl(var(--foreground));font-size:13px;font-weight:600;line-height:1.2}.profileText span{color:hsl(var(--muted-foreground));font-size:11px;line-height:1.2}.sidebar.collapsed .profileRow{grid-template-columns:1fr;justify-items:center;width:32px;height:32px;min-height:32px;margin:0 auto;padding:0}.avatarFallback{display:inline-grid;place-items:center;border-radius:999px;background:hsl(var(--primary));color:#ffffff;font-size:14px;font-weight:700}.sidebar.collapsed .profileRow>.hoverCardAnchor,.sidebar.collapsed .profileRow>svg,.sidebar.collapsed .profileText{display:none}.hoverCardAnchor{position:absolute;inset:0;pointer-events:none}.hoverCardInline,.hoverCardPortal{display:grid;gap:10px;width:264px;padding:12px;border:1px solid hsl(var(--border));border-radius:18px;background:hsl(var(--card));box-shadow:0 16px 40px hsl(222 47% 4%/.4);color:hsl(var(--foreground));pointer-events:none}.hoverCardPortal{z-index:200}.hoverCardPortal:before{position:absolute;left:-6px;top:50%;width:12px;height:12px;border-left:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));content:"";transform:translateY(-50%) rotate(45deg)}.hoverCardPreview{display:block;overflow:hidden;border-radius:12px;background:hsl(var(--muted));line-height:0}.hoverCardText{display:grid;gap:4px;padding:0 2px}.hoverCardPreviewImage{object-fit:cover}.hoverCardPreviewImage,.hoverCardPreviewSvg{display:block;width:100%;height:auto;aspect-ratio:16/9}.hoverCardInline strong,.hoverCardPortal strong{color:hsl(var(--foreground));font-family:var(--font-heading);font-size:15px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.hoverCardDescription{color:hsl(var(--muted-foreground));font-size:12px;line-height:1.45}.hoverCardInline{width:100%;padding:4px 8px 6px;box-shadow:none}.demoContent{display:grid;align-content:start;gap:22px;min-width:0;padding:8px 0}.workspaceTopbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px}.workspaceTopbar>div:first-child{display:grid;gap:5px;min-width:0}.workspaceTopbar strong{overflow:hidden;color:hsl(var(--foreground));font-size:18px;font-weight:500;line-height:1;text-overflow:ellipsis;white-space:nowrap}.topActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.topIconButton{position:relative;display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid hsl(var(--border));border-radius:12px;background:var(--preview-bg);color:hsl(var(--foreground)/.72);cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.topIconButton:hover{border-color:hsl(var(--border));background:hsl(var(--muted));color:hsl(var(--foreground))}.topIconButton svg{width:20px;height:20px}.themeButton{margin-left:4px}.previewHeader{max-width:760px;padding:28px;border:1px solid hsl(var(--border));border-radius:18px;background:var(--preview-bg)}.previewEyebrow,.previewLabel{color:hsl(var(--muted-foreground)/.85);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.previewHeader h1{margin:10px 0;color:hsl(var(--foreground));font-size:38px;letter-spacing:0;line-height:1.05}.previewCard p,.previewHeader p{margin:0;color:hsl(var(--muted-foreground));font-size:14px;line-height:1.6}.previewGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.previewCard{display:grid;gap:10px;min-height:150px;padding:18px;border:1px solid hsl(var(--border));border-radius:16px;background:var(--preview-bg)}.previewCard strong{color:hsl(var(--foreground));font-size:24px;font-weight:500;line-height:1.1}@media (max-width:920px){.demoShell{grid-template-columns:1fr;padding:16px}.sidebar{position:relative;top:auto;height:auto;min-height:720px}.previewGrid{grid-template-columns:1fr}}@media (max-width:640px){.workspaceTopbar{align-items:flex-start;flex-direction:column}.topActions{width:100%;justify-content:flex-end}}.railRow{border-radius:999px;color:hsl(var(--foreground)/.8);transition:background .16s ease,color .16s ease,box-shadow .16s ease}.railRow--card{border-radius:.75rem}.railRow:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.railRow.active{background:hsl(var(--primary));color:#ffffff;box-shadow:0 6px 14px hsl(var(--primary)/.22)}.railRow.active .railRowIcon,.railRow.active .railRowTitle{color:#ffffff}.railRow.active .railRowTitle{font-weight:500}.railRow.active .railRowAction{color:hsl(0 0% 100%/.85)}.railRow.active .railRowAction:hover{color:#ffffff}.wsFloatPaneWrap{height:100%;min-height:0;padding:10px}.wsFloatPane{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;border:1px solid hsl(var(--sidebar-border)/.7);border-radius:14px;background:hsl(var(--sidebar-surface));box-shadow:0 1px 2px hsl(215 35% 42%/.06),0 8px 24px hsl(215 35% 42%/.06)}.dark .wsFloatPane{box-shadow:none}.wsPanelGroup [data-panel]{transition:flex-grow .3s ease}.wsPanelGroup.noPanelAnim [data-panel]{transition:none}.wsPanelGroup.wsMaximized>.wsPanelHandle,.wsPanelGroup.wsMaximized>[data-panel]:not([data-ws-max]){display:none!important}.wsPanelGroup.wsMaximized>[data-panel][data-ws-max]{flex:1 1 100%!important;max-width:none!important}.wsChatFade{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 3.5rem),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 3.5rem),transparent)}.arkChatScroll{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 3.5rem,#000 calc(100% - 11rem),transparent calc(100% - 6.5rem));mask-image:linear-gradient(180deg,transparent 0,#000 3.5rem,#000 calc(100% - 11rem),transparent calc(100% - 6.5rem))}.wsRail{position:relative;display:flex;flex:0 0 var(--sidebar-collapsed-width);width:var(--sidebar-collapsed-width);margin:8px;flex-direction:column;align-items:center;gap:8px;padding:10px 7px;border:1px solid hsl(var(--sidebar-border)/.7);border-radius:26px;background:hsl(var(--sidebar-surface));box-shadow:0 1px 2px hsl(215 35% 42%/.06),0 8px 24px hsl(215 35% 42%/.06)}.dark .wsRail{box-shadow:none}.wsRailBtn{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid hsl(var(--sidebar-border)/.6);border-radius:999px;background:transparent;color:hsl(var(--foreground)/.72);transition:background .16s ease,color .16s ease}.wsRailBtn:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--foreground))}.wsRailBtn svg{display:block;width:18px;height:18px}.wsRailBtn.primary{background:hsl(var(--primary));border-color:transparent;color:#ffffff}.wsRailBtn.primary:hover{background:hsl(var(--primary)/.9);color:#ffffff}.wsRailCount{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:hsl(var(--primary));color:#ffffff;font-size:10px;font-weight:600;line-height:16px;text-align:center}.wsRailFlyout{position:absolute;top:8px;left:calc(100% + 8px);z-index:50;display:flex;width:248px;max-height:calc(100% - 16px);flex-direction:column;gap:2px;overflow-y:auto;padding:8px;border:1px solid hsl(var(--sidebar-border)/.7);border-radius:14px;background:hsl(var(--sidebar-surface));box-shadow:0 8px 24px hsl(215 35% 42%/.14)}.wsRailFlyout[data-side=right]{left:auto;right:calc(100% + 8px)}.wsRailFlyoutFixed{position:fixed;top:auto;left:auto;right:auto;z-index:60;--sidebar-surface:var(--sidebar)}.wsRailFlyoutLabel{padding:2px 8px 6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground))}.appDrawerBackdrop{position:fixed;inset:0;z-index:55;background:hsl(215 35% 15%/.45);backdrop-filter:blur(2px)}.appDrawerPanel{position:fixed;top:0;bottom:0;z-index:60;display:flex;flex-direction:column;background:hsl(var(--sidebar-surface));box-shadow:0 8px 24px hsl(215 35% 42%/.2)}.appDrawerPanel[data-side=left]{left:0;border-right:1px solid hsl(var(--sidebar-border)/.7)}.appDrawerPanel[data-side=right]{right:0;border-left:1px solid hsl(var(--sidebar-border)/.7)}.appDrawerPanel.libraryTreeDrawer{width:clamp(272px,82vw,336px);max-width:calc(100vw - 12px);min-width:0}@media (min-width:900px) and (max-width:1279px){.appDrawerPanel.libraryTreeDrawer{width:clamp(288px,32vw,336px);max-width:calc(100vw - 84px);top:8px;bottom:8px;left:68px;overflow:hidden;border:1px solid hsl(var(--sidebar-border)/.7);border-radius:14px}}.railRow.active .railRowSub{color:hsl(0 0% 100%/.78)}.accountBadgePlanLink{border:none;cursor:pointer;transition:background-color .15s ease,color .15s ease}.accountBadgePlanLink:focus-visible,.accountBadgePlanLink:hover{background:hsl(var(--primary)/.15);color:hsl(var(--primary))}.navLockMark{flex:0 0 auto;margin-left:auto;opacity:.6}