/* Studio layout repair: additive, no billing or conversation logic changes. */
:root { --studio-bar-height: 68px; }
html { scroll-padding-block-start: calc(var(--studio-bar-height) + 16px); }
#studio, .s-layout, .s-topbar, .s-agent-toolbar, .s-agent-columns,
.s-agent-history, .s-agent-history-item { min-width: 0; }
#studio-main, .s-page-heading { scroll-margin-block-start: calc(var(--studio-bar-height) + 16px); }
.s-topbar { min-height: var(--studio-bar-height); height: auto; }
.s-topbar-left, .s-top-actions { min-width: 0; }
.s-top-actions { flex-shrink: 0; }
.s-agent-toolbar select { min-width: 0; }
.s-agent-history-item { max-width: 100%; }
.s-agent-pane, .s-agent-messages, .s-agent-message pre, .s-agent-composer { max-width: 100%; }
.s-agent-composer textarea { min-width: 0; }
@media (max-width: 1100px) {
  .s-agent-columns { grid-template-columns: minmax(0, 1fr); }
  .s-agent-history { flex-direction: row; max-width: 100%; overflow-x: auto; padding: 2px 2px 8px; }
  .s-agent-history-item { flex: 0 0 190px; min-width: 0; }
}
@media (max-width: 720px) {
  :root { --studio-bar-height: 59px; }
  .s-topbar { gap: 8px; padding-inline: 12px; }
  .s-topbar-left { flex: 1 1 auto; gap: 6px; }
  .s-brand { min-width: 0; }
  .s-top-actions { gap: 8px; }
  .menu-open .s-menu-overlay { left: var(--sidebar); width: calc(100% - var(--sidebar)); }
  .s-top-actions .s-button { padding-inline: 10px; }
  .s-main { padding-inline: clamp(12px, 4vw, 20px); }
  .s-agent-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
  .s-agent-toolbar select { grid-column: 1 / -1; width: 100%; }
  .s-agent-toolbar .s-button { min-width: 0; padding-inline: 8px; }
  .s-agent-columns { gap: 12px; }
  .s-agent-history-item { flex-basis: min(190px, 75vw); }
  .s-agent-pane { border-radius: 16px; padding: 14px; }
}
@media (max-width: 420px) {
  .s-brand-tag { display: none; }
  .s-top-actions { gap: 6px; }
}