/* The sidebar and canvas move together; an explicit close leaves a quiet workspace. */
.layout,.layout.navigation-expanded{--nav-space:64px;--nav-motion:280ms cubic-bezier(.22,1,.36,1);position:relative;grid-template-columns:var(--nav-space) minmax(0,1fr);height:calc(100dvh - var(--workspace-nav-top,80px));min-height:0;transition:grid-template-columns var(--nav-motion)}
.layout.navigation-pinned{--nav-space:296px}.layout>.mainpanel{grid-column:2;grid-row:1}
.layout.navigation-hidden{--nav-space:0px}
.sidebar.workspace-navigation{--drawer-width:296px;display:block;position:absolute;inset:0 auto 0 0;z-index:24;width:64px;height:100%;min-height:0;padding:0;background:#f8f9fb;border-right:1px solid #e8ecf0;overflow:hidden;transform:translateX(0);visibility:visible;transition:width var(--nav-motion),transform var(--nav-motion),box-shadow 180ms ease}
.workspace-navigation.is-expanded{width:var(--drawer-width);box-shadow:12px 0 36px #203c5312}.workspace-navigation.is-pinned{box-shadow:none}
.layout.navigation-hidden .sidebar.workspace-navigation{width:var(--drawer-width);transform:translateX(calc(-100% - 1px));visibility:hidden;box-shadow:none;transition:width var(--nav-motion),transform var(--nav-motion),visibility 0s linear 280ms}
.desktop-nav-toggle{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:8px;border:0;border-radius:8px;background:transparent;color:#718194;cursor:pointer}
.desktop-nav-toggle:hover{background:#edf2f7;color:#476b8d}.desktop-nav-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.workspace-nav-content{display:flex;flex-direction:column;width:calc(var(--drawer-width) - 1px);height:100%;min-height:0;gap:3px;padding:10px 10px 8px}
.workspace-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;height:26px;flex:none;padding-left:12px;margin-bottom:2px}
.workspace-nav-title{font:600 11px/1.5 system-ui;color:#566b7e}
.workspace-nav-toggle{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:7px;border:0;border-radius:8px;background:transparent;color:#718194;cursor:pointer}
.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .workspace-nav-heading{padding:0;justify-content:flex-start}.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .workspace-nav-title{display:none}.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .workspace-nav-toggle{width:44px;flex-basis:44px}
.workspace-nav-toggle:hover{background:#eaf0f5;color:#476b8d}
.workspace-navigation svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.workspace-nav-toggle svg{transform:rotateY(180deg)}.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .workspace-nav-toggle svg{transform:none}
.workspace-primary-actions,.workspace-nav-group,.workspace-nav-secondary{display:flex;flex-direction:column;gap:2px;flex:none}
.workspace-navigation .workspace-nav-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:32px;margin:0;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:#3d566e;text-align:left;text-decoration:none;font:450 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;cursor:pointer;box-shadow:none}
.workspace-navigation .workspace-nav-item:hover{background:#eaf0f5;color:#345b80}.workspace-navigation .workspace-nav-item[aria-pressed=true]{background:#e5edf6;color:#315d87}
.workspace-navigation #newBtn{font-weight:550;color:#344e67}.workspace-navigation #newBtn svg{color:#5981a5}
.workspace-nav-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity 120ms ease}
.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .workspace-nav-label{visibility:hidden;opacity:0}.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .workspace-nav-item{width:44px;grid-template-columns:20px;padding:10px 12px;overflow:hidden}
.workspace-navigation .workspace-nav-item>.workspace-nav-label{grid-column:2;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:left}.workspace-nav-shortcut{font:400 11px system-ui;opacity:.65}
.workspace-navigation .workspace-nav-tools{margin:4px 0 0;padding:0 0 8px;border-bottom:1px solid #e1e7ee;border-top:0}
.workspace-history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:28px;padding:2px 12px}
.workspace-history-heading h2{margin:0;font:600 11px/1.5 system-ui;color:#566b7e}
.workspace-navigation .workspace-nav-browse{display:flex;align-items:center;gap:2px;width:auto;min-height:28px;flex:0 0 auto;padding:3px 0;border:0;border-radius:5px;background:transparent;color:#59758f;font:400 11px/1.5 system-ui;cursor:pointer}
.workspace-navigation .workspace-nav-browse svg{width:12px;height:12px}.workspace-navigation .workspace-nav-browse:hover{color:#426f9d;background:transparent}
.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .workspace-history-heading{visibility:hidden}
.workspace-nav-library{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;gap:4px;padding:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 140ms ease}
.is-expanded .workspace-nav-library{visibility:visible;opacity:1;pointer-events:auto}
.is-focus-hidden .workspace-nav-library{visibility:visible;opacity:1}
.workspace-nav-library .conversation-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 8px 0;gap:3px;scrollbar-width:thin;scrollbar-color:#bac8d5 transparent}
.workspace-nav-library .history-group{margin:12px 12px 5px;flex:none;font-size:11px;font-weight:500;line-height:1.5;color:#687d90}
.workspace-nav-library .history-group:first-child{margin-top:4px}
.workspace-nav-library .conversation-item{flex:none;min-width:0;min-height:32px;padding:7px 12px;border:0;border-radius:8px;background:transparent;color:#344d65;font-size:12px;font-weight:450;line-height:1.5;text-align:left;box-shadow:none}
.workspace-nav-library .conversation-item>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.workspace-nav-library .conversation-item:hover{background:#eaf0f6;color:#315477}.workspace-nav-library .conversation-item.selected{background:#e5edf6;color:#2e587e;font-weight:550;box-shadow:none}
.workspace-nav-library .conversation-item small{display:none}.workspace-nav-library .conversation-item:focus-visible small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#617a91}
.workspace-nav-library .conversation-list>.quiet{flex:none;min-height:40px;font-size:12px;color:#4d708f}.workspace-nav-library .empty{padding:16px 12px;font-size:12px;line-height:1.6;color:#61798f}
.workspace-nav-library #modelStatus{margin:0 0 8px;padding:8px;font-size:12px;line-height:1.6;color:#946b37}
.workspace-nav-secondary{padding-top:6px;border-top:1px solid #e1e7ee}.workspace-navigation .workspace-nav-badge:empty{display:none}
.workspace-navigation #invitationCount:not(:empty){padding:2px 6px;border-radius:7px;background:#e4eee8;color:#527961;font-size:11px;line-height:1.4}
.workspace-navigation .sidebar-bottom{display:flex;align-items:center;gap:3px;flex:none;min-height:32px;margin:0;padding:0;border:0}
.workspace-navigation .sidebar-help{width:44px;flex:0 0 44px;min-height:32px;margin-left:auto;padding:6px 12px}.workspace-navigation .sidebar-help .workspace-nav-label{display:none}
.workspace-nav-connection{display:flex;gap:7px;align-items:center;min-width:0;padding:4px 3px;color:#61798f;font-size:11px;line-height:1.5;white-space:nowrap}.workspace-nav-connection .status-dot{width:6px;height:6px;flex:none}.workspace-nav-connection .status-dot.on{background:#78a991}.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .workspace-nav-connection{visibility:hidden}
.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .sidebar-bottom{width:44px}.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .workspace-nav-connection{display:none}.workspace-navigation:not(.is-expanded):not(.is-focus-hidden) .sidebar-help{margin-left:0}
.workspace-nav-backdrop{position:fixed;inset:var(--workspace-nav-top,80px) 0 0;border:0;background:#233a5130;z-index:23;cursor:default}
.desktop-nav-toggle:focus-visible,.workspace-navigation :is(button,a,input,summary):focus-visible{outline:2px solid #5981a7;outline-offset:2px}#reviewSurface:focus{outline:none}.account-mobile-label{display:none}
@media(max-width:760px){
 .desktop-nav-toggle{display:none}
 .account-label{display:none}.account-mobile-label{display:inline}#mobileMenu{display:inline-flex;align-items:center;gap:6px}#mobileMenu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
 .layout,.layout.navigation-expanded,.layout.navigation-pinned{--nav-space:0px;grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--workspace-nav-top,80px))}.layout>.mainpanel{grid-column:1}
 .sidebar.workspace-navigation{--drawer-width:min(320px,calc(100vw - 20px));position:fixed;top:var(--workspace-nav-top,80px);bottom:0;left:0;width:var(--drawer-width);height:auto;transform:translateX(-100%);transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 180ms ease}
 .sidebar.workspace-navigation.is-expanded{transform:translateX(0);box-shadow:14px 0 42px #203c5320}
 .workspace-nav-heading{height:42px}.workspace-nav-toggle{width:42px;height:42px}.workspace-navigation .workspace-nav-item{min-height:44px;font-size:13px;padding-block:11px}.workspace-navigation .workspace-nav-item svg{width:18px;height:18px}
 .workspace-nav-library .conversation-item{min-height:44px}
 .workspace-navigation .workspace-nav-browse{min-height:44px}.workspace-navigation .sidebar-bottom,.workspace-navigation .sidebar-help{min-height:44px}
}
@media(min-width:761px) and (max-height:740px){
 .workspace-nav-content{gap:2px;padding-block:8px 6px}
 .workspace-nav-heading{height:24px;margin-bottom:2px}
 .workspace-navigation .workspace-nav-item{min-height:32px;padding-block:7px}
 .workspace-primary-actions,.workspace-nav-group{gap:2px}
 .workspace-navigation .workspace-nav-tools{margin-top:4px;padding-bottom:8px}
 .workspace-history-heading{min-height:28px;padding-block:2px 0}
 .workspace-navigation .workspace-nav-browse{min-height:28px;padding-block:3px}
 .workspace-nav-library .history-group{margin-block:8px 4px}
 .workspace-nav-secondary{padding-top:4px}
 .workspace-navigation .sidebar-bottom,.workspace-navigation .sidebar-help{min-height:32px}
 .workspace-navigation .sidebar-help{padding-block:6px}
}
@media(max-height:600px){
 .workspace-nav-content{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .workspace-nav-library{flex:none;overflow:visible}
 .workspace-nav-library .conversation-list{flex:none;overflow:visible}
 .workspace-navigation .workspace-nav-tools{margin-top:4px;padding-bottom:8px}
 .workspace-primary-actions,.workspace-nav-group{gap:2px}
}
@media(prefers-reduced-motion:reduce){.layout,.sidebar.workspace-navigation,.workspace-nav-label,.workspace-nav-library{transition:none!important}}

