.sidebar{padding-top:28px}
.sidebar>.nav-label{margin-top:30px}
.conversation-sidebar{min-height:100px;flex:1;overflow-y:auto;margin:22px -6px 16px;padding:0 6px;scrollbar-width:thin;scrollbar-color:#bed6e9 transparent}
.conversation-heading{font-size:14px;color:#54728c;margin:0 12px 12px;font-weight:600}
.conversation-item{display:block;text-align:left;width:100%;background:transparent;border:1px solid transparent;border-radius:10px;padding:11px 12px;color:#254b69;margin-bottom:4px}
.conversation-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.conversation-item small{display:block;font-size:11px;color:#70869b;margin-top:5px}
.conversation-item:hover,.conversation-item.selected{background:linear-gradient(100deg,#e0f3ff,#eaf1ff);border-color:#c8dff1}
.history-empty,#history-notice{font-size:12px;line-height:1.6;color:#73899c;margin:12px}
.sidebar-bottom{flex-shrink:0}.sidebar .local-card{display:none}
#conversation-versions{border:1px solid #cbdfea;border-radius:12px;padding:14px 18px;margin-bottom:20px;background:#f7fbff;color:#325b79;font-size:14px}
#conversation-versions summary{cursor:pointer}
#conversation-turns>details{margin-top:15px;border-top:1px solid #dce9f1;padding-top:14px}
#conversation-turns p{white-space:pre-wrap;color:#294963;line-height:1.8;font-size:16px}
.conversation-reopened .intake-pane{display:none}.conversation-reopened .workspace-grid{grid-template-columns:1fr;max-width:950px;margin:0 auto}.conversation-reopened .output-pane{position:static}
@media(min-width:741px){.sidebar{height:100vh}}
@media(max-width:740px){.sidebar{flex-wrap:wrap;gap:12px}.conversation-sidebar{display:block;flex:0 0 100%;max-height:150px;margin:0;padding-top:10px;border-top:1px solid #deebf5}.conversation-heading{margin-bottom:5px}.conversation-item{padding:7px 12px}#history-notice{font-size:10px;margin-top:4px}}

/* A compact floating control lives in its own far-left gutter. */
.topbar-start{display:flex;align-items:center;gap:16px;min-width:0}
#menu-toggle{position:fixed;left:6px;top:16px;z-index:20;display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid #e1f7ffcc;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff 0%,#eafaff 30%,#9edcff 65%,#2c83d8 100%);box-shadow:inset 0 1px 2px #fff,0 0 8px #e4f8ff66,0 0 16px #58baff30;cursor:pointer}
#menu-toggle .menu-toggle-mark{position:relative;display:block;width:26px;aspect-ratio:820/560;overflow:hidden;margin:0}
#menu-toggle .menu-toggle-logo{position:absolute;width:216.342%;max-width:none;height:auto;left:-60.976%;top:-11.607%;pointer-events:none}
#menu-toggle:hover{background:radial-gradient(circle at 30% 20%,#fff,#d2f5ff 45%,#5bbaff);box-shadow:0 0 10px #fff8,0 0 18px #48baff55;filter:none}
#menu-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.menu-collapsed .shell{margin-left:44px}
body.menu-collapsed main{max-width:1780px}
body.menu-collapsed:before{content:'';position:fixed;inset:0 auto 0 0;width:43px;border-right:1px solid #19334c;background:#050e1d;z-index:5;pointer-events:none}
@media(max-width:740px){.workspace-breadcrumb{display:none}.topbar-start{gap:8px}.shell{margin-left:44px}}
@media(prefers-reduced-motion:reduce){#menu-toggle{transition:none}}

/* Crossfade the world artwork into the workflow picker in the same space. */
.world-stage{mask-image:none;-webkit-mask-image:none;overflow:visible}
.world-stage .world-image{mask-image:linear-gradient(transparent,#000 8%,#000 84%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 84%,transparent);transition:opacity .3s ease}
.world-stage:after{transition:opacity .3s ease}
.world-stage.show-triggers .world-image,.world-stage.show-triggers:after{opacity:0}
.world-stage #trigger-menu{inset:0;width:100%;height:100%;box-sizing:border-box;overflow-y:auto;margin:0;padding:18px;border-radius:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s;z-index:1;background:linear-gradient(135deg,#fff,#f2f8ff);scrollbar-width:thin}
.world-stage.show-triggers #trigger-menu{opacity:1;visibility:visible;pointer-events:auto}
.world-stage #trigger-menu-items{gap:6px}
.world-stage .trigger-choice{min-height:56px}
@media(max-width:480px){.world-stage #trigger-menu{padding:12px}.world-stage .trigger-choice{min-height:48px}}
@media(prefers-reduced-motion:reduce){.world-stage .world-image,.world-stage:after,.world-stage #trigger-menu{transition:none}}