.cloud-terminal-main { width: min(1600px, 100%); margin: 0 auto; padding: 24px; }
.cloud-terminal-heading, .cloud-terminal-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.cloud-terminal-heading { margin-bottom: 20px; }
.cloud-terminal-heading h1 { margin: 0 0 8px; font-size: 24px; }
.cloud-terminal-heading p, .cloud-terminal-help { color: var(--workspace-text-muted, #666); }
.cloud-terminal-heading p { margin: 0; }
.cloud-terminal-toolbar { flex-wrap: wrap; margin-bottom: 12px; }
.cloud-terminal-toolbar > div { display: flex; gap: 8px; flex-wrap: wrap; }
.cloud-terminal-viewport { min-height: 400px; height: calc(100dvh - 270px); max-height: 1400px; background: #2b2b2b; border: 1px solid var(--workspace-border, #ddd); border-radius: 8px; overflow: hidden; }
.cloud-terminal-viewport iframe { display: block; width: 100%; height: 100%; border: 0; }
.cloud-terminal-viewport > p { padding: 24px; color: #d2d2d2; }
.cloud-terminal-help { line-height: 1.6; font-size: 13px; margin: 12px 0 0; }
.cloud-terminal-error { color: var(--workspace-danger, #a82020); overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .cloud-terminal-main { padding: 16px 12px; }
  .cloud-terminal-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .cloud-terminal-toolbar { align-items: flex-start; }
  .cloud-terminal-toolbar > div { width: 100%; }
  .cloud-terminal-toolbar button { flex: 1; min-height: 44px; padding: 8px; }
  .cloud-terminal-viewport { min-height: 360px; height: calc(100dvh - 300px); }
}