/* Demo composition only. Existing Susi controls and cosmos geometry are preserved. */
[data-demo-workspace]{margin-top:1rem;margin-bottom:2rem}
[data-demo-workspace] .bb-global-susi{width:100%;padding:0;margin:0}
[data-demo-workspace] .bb-global-susi__intro{margin-bottom:.75rem}
[data-demo-workspace] .bb-global-susi__intro h2{font-size:clamp(1.4rem,2.5vw,2rem)}
[data-demo-workspace] .bb-global-susi__surface{grid-template-columns:minmax(0,1fr);padding:.75rem;gap:.6rem}
[data-demo-workspace] .conversation{display:none!important}
[data-demo-workspace] .a331-current-answer{margin:.55rem 0;padding:.7rem .85rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);white-space:pre-wrap;overflow-wrap:anywhere;height:auto;min-height:0;max-height:30dvh;overflow:auto}
[data-demo-workspace] .a331-current-answer[hidden]{display:none}
[data-demo-workspace] .bb-global-susi__conversation{margin:0;padding:.65rem;background:var(--panel)}
[data-demo-workspace] .susi-status:empty,[data-demo-workspace] .upload-state:empty{display:none}
[data-demo-workspace] .susi-status{margin:0 0 .3rem}
[data-demo-workspace] .a207-demo-cosmos{width:100%;padding:0;margin:0}
[data-demo-workspace] .a207-demo-cosmos__stage{margin-top:.6rem}
/* Same native sticky principle as A330; cosmos scrolls in its own allotted space,
   so a visible composer never covers a module card. No floating duplicate composer. */
@media(min-width:700px){
 [data-demo-workspace] .a207-demo-workarea{position:sticky;top:calc(var(--a207-shell-header-height,80px) + 64px);display:flex;flex-direction:column;max-height:calc(100dvh - var(--a207-shell-header-height,80px) - 80px)}
 [data-demo-workspace] .bb-global-susi__conversation{flex:0 0 auto}
 [data-demo-workspace] .a207-demo-cosmos{overflow:auto;min-height:220px;flex:1 1 auto;scrollbar-gutter:stable}
}
@media(max-width:699px){[data-demo-workspace] .bb-global-susi__surface{padding:.4rem}[data-demo-workspace] .bb-global-susi__conversation{padding:.4rem}}