.workspace-portal{position:fixed;inset:0 0 0 256px;z-index:30;background:#fff;overflow:hidden}.workspace-panel{width:100%;height:100%;border:0;background:#fff;display:block}.workspace-panel[hidden],.workspace-portal[hidden]{display:none}.route-away:not([data-workspace=chat])>.shell,.route-away>main,.route-away>header:not(.workspace-mobilebar){visibility:hidden;pointer-events:none}.route-status{position:fixed;bottom:24px;left:calc(50% + 128px);transform:translateX(-50%);z-index:200;padding:12px 20px;background:var(--surface);box-shadow:0 8px 32px #0002;border-radius:12px;color:var(--ink)}

html[data-workspace-panel] .workspace-rail,html[data-workspace-panel] .workspace-mobilebar,html[data-workspace-panel] .workspace-scrim,html[data-workspace-panel] .appearance-trigger{display:none!important}

html[data-workspace-panel] body[data-workspace]{padding-left:0!important;padding-top:0!important}

html[data-workspace-panel] body[data-workspace]>main,html[data-workspace-panel] body[data-workspace]>.shell{margin-left:0!important;width:100%!important;padding-top:32px}

@media(max-width:760px){.workspace-portal{inset:calc(64px + env(safe-area-inset-top)) 0 0}.route-status{left:50%;width:calc(100% - 40px)}html[data-workspace-panel] body[data-workspace]>.shell{padding-top:16px}}

@media(prefers-reduced-motion:reduce){.workspace-panel{animation:none!important}}



body[data-workspace=chat].route-away .stage>:not(.topbar){visibility:hidden;pointer-events:none}

html[data-workspace-panel] body[data-workspace=chat]>.shell{padding:0!important}

html[data-workspace-panel] .rail{position:fixed;inset:0 auto 0 0;width:min(340px,90vw);transform:translateX(-100%);z-index:60;margin-left:0!important}

html[data-workspace-panel] .rail.is-open{transform:none}

html[data-workspace-panel] .rail-overlay:not([hidden]){display:block;position:fixed;inset:0;z-index:59;background:#24242670;border:0}

html[data-workspace-panel] .rail__utilities{display:none}

@media(max-width:1080px){body[data-workspace=chat]>.workspace-portal{inset:64px 0 0}}

/* The chat sidebar is wider than the workspace rail on desktop. */
@media(min-width:1081px){
 body[data-workspace=chat]>.workspace-portal{left:calc(var(--rail-w) + var(--rail-extra))}
 /* Keep the original sidebar toggle reachable when the rail is closed. */
 body[data-workspace=chat]:has(>.shell.rail-collapsed)>.workspace-portal{left:76px}
}


/* A cold route paints its own title immediately; cached views skip this shell. */
.workspace-portal,.workspace-panel{background:var(--surface,#fff)}
.workspace-route-shell{box-sizing:border-box;height:100%;padding:48px clamp(24px,6vw,96px);color:var(--ink,#252525)}
.workspace-route-shell[hidden]{display:none}.workspace-route-shell h1{font-size:30px;line-height:1.3;margin:28px 0 16px;letter-spacing:-.03em}.workspace-route-shell p{color:var(--ink-3,#777);font-size:14px}
.workspace-skeleton{display:grid;gap:18px;margin-top:44px;max-width:1000px}.workspace-skeleton span{display:block;height:120px;border-radius:14px;background:var(--surface-2,#f4f3f2);animation:route-breathe 1.4s ease-in-out infinite alternate}.workspace-skeleton span:first-child{height:48px;width:62%}.workspace-skeleton span:last-child{height:200px}
@keyframes route-breathe{to{opacity:.5}}
@media(max-width:760px){.workspace-route-shell{padding:26px 20px}.workspace-route-shell h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.workspace-skeleton span{animation:none}}