.agent-studio-root { padding: 16px 18px 18px; }
.agent-studio-gate { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.agent-studio-gate p { margin: 0; max-width: 760px; color: var(--muted); line-height: 1.5; }
.agent-studio-button { min-height: 38px; border: 1px solid var(--line); border-radius: 6px; padding: 7px 11px; background: #fff; color: var(--ink); cursor: pointer; font-size: .78rem; font-weight: 740; line-height: 1.25; }
.agent-studio-button.primary { border-color: #20745f; background: #20745f; color: #fff; }
.agent-studio-button:hover, .agent-studio-button:focus-visible { border-color: #20745f; outline: 2px solid rgba(32,116,95,.14); outline-offset: 1px; }
.agent-studio-button:disabled { cursor: not-allowed; opacity: .55; }
.agent-studio-status { min-height: 22px; color: var(--muted); font-size: .76rem; line-height: 1.4; }
.agent-studio-status.error { color: #9b342c; }
.agent-studio-panel { display: grid; gap: 16px; }
.agent-studio-metrics { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)); gap: 8px; }
.agent-studio-metric { min-height: 74px; padding: 10px; border-left: 4px solid #20745f; background: #f7f6f1; }
.agent-studio-metric span { display: block; color: var(--muted); font-size: .69rem; font-weight: 760; text-transform: uppercase; }
.agent-studio-metric strong { display: block; margin-top: 5px; font-size: 1.2rem; overflow-wrap: anywhere; }
.agent-studio-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 14px; }
.agent-studio-pane { min-width: 0; border: 1px solid var(--line); border-radius: 7px; padding: 13px; background: #fff; }
.agent-studio-pane h3 { margin: 0 0 10px; font-size: .9rem; }
.agent-studio-fields { display: grid; gap: 10px; }
.agent-studio-field { display: grid; gap: 5px; min-width: 0; }
.agent-studio-field label { color: var(--muted); font-size: .72rem; font-weight: 760; }
.agent-studio-field input, .agent-studio-field select, .agent-studio-field textarea { width: 100%; min-height: 40px; border: 1px solid var(--line); border-radius: 6px; padding: 8px 9px; background: #fff; color: var(--ink); line-height: 1.4; }
.agent-studio-field textarea { min-height: 126px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .76rem; }
.agent-studio-field textarea.tall { min-height: 260px; }
.agent-studio-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.agent-studio-check { display: flex; gap: 7px; align-items: center; min-width: 0; color: var(--ink); font-size: .76rem; overflow-wrap: anywhere; }
.agent-studio-check input { width: 17px; height: 17px; }
.agent-studio-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.agent-studio-version-list { display: grid; gap: 7px; max-height: 250px; overflow-y: auto; }
.agent-studio-version { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 8px; border-bottom: 1px solid var(--line); }
.agent-studio-version strong, .agent-studio-version span { overflow-wrap: anywhere; }
.agent-studio-version span { display: block; margin-top: 3px; color: var(--muted); font-size: .7rem; }
.agent-studio-models { display: grid; gap: 7px; }
.agent-studio-model-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--line); }
.agent-studio-model-row span { overflow-wrap: anywhere; font-size: .75rem; }
.agent-studio-health { color: var(--muted); font-size: .7rem; }
@media (max-width: 960px) { .agent-studio-grid { grid-template-columns: 1fr; } .agent-studio-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .agent-studio-root { padding: 12px; } .agent-studio-metrics, .agent-studio-checks { grid-template-columns: 1fr; } .agent-studio-model-row { grid-template-columns: 1fr; } }