html, body { min-height: 100%; }
#terminal-container { width: 100%; height: calc(100% - 48px); margin: 0; }
.terminal-settings {
  box-sizing: border-box;
  height: 48px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #111827;
  border-bottom: 1px solid #283457;
  color: #c0caf5;
  font: 14px/1.4 system-ui, -apple-system, sans-serif;
}
.terminal-settings a { color: #a0adfc; text-decoration: none; margin-right: 8px; }
.terminal-settings button, .terminal-settings select {
  font: inherit;
  color: inherit;
  background: #1a1b26;
  border: 1px solid #414868;
  border-radius: 6px;
  height: 34px;
  padding: 0 8px;
  cursor: pointer;
}
.terminal-settings button:disabled { opacity: 0.4; cursor: default; }
.terminal-settings button:focus-visible, .terminal-settings select:focus-visible, .terminal-settings a:focus-visible {
  outline: 2px solid #7aa2f7;
  outline-offset: 2px;
}
#fontSizeStatus { margin-left: auto; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 600px) { #fontSizeStatus { display: none; } }