.api-workspace { margin-top: 24px; }
.api-workspace .panel-body { display: grid; gap: 16px; }
.api-workspace pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 32rem; overflow: auto; padding: 1rem; background: var(--bg); border-radius: var(--r-sm); }
.api-workspace textarea { width: 100%; min-height: 5rem; resize: vertical; font: inherit; background: var(--bg); color: var(--text); border: 1px solid var(--border-2); border-radius: var(--r-sm); padding: 10px; }
.api-workspace [data-fields] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; }
.api-workspace select { max-width: 100%; }
.api-workspace .panel-body > .btn, .api-workspace form > .btn { justify-self: start; }