/* TlbxWorkspace: the host is a grid of panes. The focused pane has an outline; the others are quiet. */
.sw-host { display: grid; gap: 4px; width: 100%; height: 100%; min-width: 0; min-height: 0; box-sizing: border-box; background: var(--sl-border, #d9d9de); }
.sw-pane { position: relative; min-width: 0; min-height: 0; overflow: hidden; background: var(--sl-surface, #fff); outline: 1px solid transparent; outline-offset: -1px; }
.sw-pane.is-active { outline: 2px solid var(--sl-accent, #2563eb); outline-offset: -2px; }
@media (max-width: 640px) { .sw-host[data-panes] { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: none !important; grid-auto-rows: minmax(40vh, 1fr); } }