.code-window { display: flex; flex-direction: column; background: var(--bar); border: 1px solid var(--border); border-radius: 6px; overflow: hidden; }
.code-window .window-title { padding: 8px 14px; font-size: 11px; }
.code-window button { color: var(--muted); }
.code-window button:hover { color: var(--accent); }
.code-window pre { margin: 0; padding: 16px 18px; overflow-x: auto; font-size: 12.5px; line-height: 1.55; color: var(--fg-2); }
.code-window code { font-family: inherit; }
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: var(--muted); font-style: italic; }
.token.punctuation { color: var(--fg-2); }
.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: var(--red); }
.token.boolean, .token.number { color: var(--amber); }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: var(--green); }
.token.operator, .token.entity, .token.url, .token.variable { color: var(--cyan); }
.token.atrule, .token.attr-value, .token.keyword, .token.function, .token.class-name { color: var(--purple); }
.token.important, .token.bold { font-weight: 700; }