.developer-console-overlay { z-index: 12000; }
.developer-console { width: min(900px, calc(100vw - 48px)); max-height: calc(100vh - 64px); display: flex; flex-direction: column; gap: 12px; text-align: left; }
.developer-console header { display: flex; align-items: center; justify-content: space-between; }
.developer-console header h3 { margin: 0; font-size: 18px; font-weight: 500; }
.developer-console [data-close] { border: 0; background: transparent; color: inherit; font-size: 26px; cursor: pointer; }
.developer-console label { display: flex; justify-content: space-between; font-size: 13px; }
.developer-console label span, .developer-console small { opacity: .65; }
.developer-console textarea { width: 100%; box-sizing: border-box; min-height: 90px; resize: vertical; border: 1px solid var(--yt-border, #3c4453); border-radius: 6px; background: var(--yt-window, #171a21); color: inherit; padding: 12px; font: 13px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; }
.developer-console-actions { display: flex; align-items: center; gap: 8px; }
.developer-console-actions small { margin-right: auto; }
#developer-console-result { min-height: 160px; height: 280px; overflow: auto; border: 1px solid var(--yt-border, #3c4453); border-radius: 6px; padding: 12px; background: var(--yt-window, #171a21); font: 12px/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; user-select: text; }
.developer-console-line { white-space: pre-wrap; overflow-wrap: anywhere; }
.developer-console-line.is-result { color: #59b6ff; user-select: all; font-weight: 600; }
.developer-console-line.is-error { color: #f06d74; }
.developer-console-line.is-warn { color: #d9a34a; }
.developer-console audio { width: 100%; height: 36px; }
.developer-console textarea, #developer-console-result, #developer-console-result * { -webkit-user-select: text !important; user-select: text !important; }
#developer-console-result .is-result { -webkit-user-select: all !important; user-select: all !important; }