/* Modern macOS terminal chrome; only this diagnostic output owns these IDs. */
#window.twoip-terminal {
  width: 100%; min-width: 0; background: var(--twoip-terminal-surface);
  border: 1px solid var(--twoip-outline-variant); border-radius: var(--twoip-radius-medium);
  box-shadow: var(--twoip-elevation-2); overflow: hidden;
}
.twoip-terminal #toolbar { background: var(--twoip-surface-container-high); color: var(--twoip-on-surface); }
.twoip-terminal #toolbar .top { display: grid; grid-template-columns: 76px minmax(0,1fr) 76px; align-items: center; min-height: 44px; padding-inline: 12px; }
.twoip-terminal #lights { display: flex; gap: 7px; align-items: center; }
.twoip-terminal .light { display: block; width: 10px; height: 10px; border-radius: var(--twoip-radius-full); }
.twoip-terminal .light.red { background: var(--twoip-terminal-close); }
.twoip-terminal .light.yellow { background: var(--twoip-terminal-minimize); }
.twoip-terminal .light.green { background: var(--twoip-terminal-maximize); }
.twoip-terminal #title { min-width: 0; text-align: center; font-size: 13px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.twoip-terminal #title .twoip-icon { color: currentColor; font-size: 13px; margin: 0; position: static; }
.twoip-terminal #selcopied { display: flex; justify-content: end; align-items: center; }
.twoip-terminal #selcopied .progress { width: 18px; font-size: 16px; margin: 0; color: var(--twoip-on-surface-variant); }
.twoip-terminal .twoip-terminal-copy {
  display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0;
  border: 0; border-radius: var(--twoip-radius-full); background: transparent;
  color: var(--twoip-on-surface); cursor: pointer; transition: background-color .15s ease, color .15s ease;
}
.twoip-terminal .twoip-terminal-copy .twoip-icon { color: currentColor; font-size: 18px; margin: 0; position: static; }
.twoip-terminal .twoip-terminal-copy:focus-visible { outline: 2px solid var(--twoip-primary); outline-offset: -3px; }
.twoip-terminal #body { height: 425px; max-width: 100%; overflow: auto; color: var(--twoip-terminal-ink); background: var(--twoip-terminal-surface); }
.twoip-terminal #area { padding: 16px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; line-height: 1.6; color: inherit; }
.twoip-terminal #area > div > div { white-space: pre; }
.twoip-terminal .cursor { background: var(--twoip-terminal-caret); display: inline-block; width: 8px; height: 16px; vertical-align: text-bottom; animation: twoip-terminal-blink 1.5s steps(2,start) infinite; }
@keyframes twoip-terminal-blink { to { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .twoip-terminal .cursor { animation: none; } }
