.code { font-family: var(--mono); font-size: 13px; line-height: 1.65; background: var(--paper-2); border-radius: var(--r); padding: 12px 14px; overflow: auto; white-space: pre-wrap; scrollbar-width: thin; scrollbar-color: var(--line-hard) transparent; color: var(--ink); }
.code.log-text { max-height: 420px; margin: 0 0 14px; color: var(--ink-soft); overflow-wrap: anywhere; font-size: 13px; line-height: 1.6; padding: 14px 16px; }
.codeview { background: #15171c; color: #d5d8de; border: 1px solid #262a33; border-radius: var(--r); font-family: var(--mono); font-size: 13px; line-height: 1.7; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.codeview .cv-bar { display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 14px; border-bottom: 1px solid #262a33; font-family: var(--font); font-size: 13px; color: #a9afba; flex: none; }
.codeview .cv-bar b { color: #e6e8ec; font-weight: 600; }
.codeview .cv-copy { appearance: none; margin-left: auto; border: 1px solid #333844; background: transparent; color: #c9ccd3; font: 600 12px var(--font); border-radius: 6px; padding: 3px 9px; cursor: pointer; }
.codeview .cv-copy:hover { border-color: #5b6170; color: #ffffff; }
.codeview .cv-body { overflow: auto; padding: 10px 0; scrollbar-width: thin; scrollbar-color: #3a3f4b transparent; flex: 1; min-height: 0; }
.codeview .cl { display: flex; white-space: pre; min-width: max-content; }
.codeview .cl:hover { background: rgba(255, 255, 255, .03); }
.codeview .cn { width: 48px; flex: none; text-align: right; padding-right: 16px; color: #7a8190; user-select: none; }
.codeview .cc { padding-right: 20px; }
.tk-k { color: #c678dd; }
.tk-s { color: #98c379; }
.tk-n { color: #d19a66; }
.tk-f { color: #61afef; }
.tk-p { color: #e5c07b; }
.tk-t { color: #56b6c2; }
.tk-c { color: #7f848e; font-style: italic; }
.tk-o { color: #9aa1ad; }
.tk-v { color: #d5d8de; }
.tk-a { color: #98c379; background: rgba(152, 195, 121, .12); }
.tk-d { color: #e06c75; background: rgba(224, 108, 117, .12); }