.code-container{display:flex;background:var(--bg);color:var(--text);font-family:Fira Code,monospace;font-size:14px;border-radius:6px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.4);position:relative}:root{--bg:#1e1e1e;--text:#d4d4d4;--line-bg:#252526;--line-text:#858585;--keyword:#569cd6;--function:#dcdcaa;--string:#ce9178;--tag:#569cd6;--prop:#9cdcfe;--number:#b5cea8}.theme-dracula{--bg:#282a36;--text:#f8f8f2;--line-bg:#282a36;--line-text:#f8f8f2;--keyword:#ff79c6;--function:#50fa7b;--string:#f1fa8c;--tag:#ff79c6;--prop:#8be9fd;--number:#bd93f9}.theme-light{--bg:#fafafa;--text:#000000;--line-bg:#fafafa;--line-text:#000000;--keyword:#0000ff;--function:#795e26;--string:#a31515;--tag:#800000;--prop:#001080;--number:#098658}.theme-monokai{--bg:#272822;--text:#F8F8F2;--line-bg:#272822;--line-text:#F8F8F2;--keyword:#F92672;--function:#50fa7b;--string:#E6DB74;--tag:#ff79c6;--prop:#75715E;--number:#bd93f9}.theme-github{--bg:#ffffff;--text:#24292e;--line-bg:#21222c;--line-text:#6272a4;--keyword:#d73a49;--function:#50fa7b;--string:#032f62;--tag:#ff79c6;--prop:#6a737d;--number:#bd93f9}.line-numbers{background:var(--line-bg);color:var(--line-text);padding:8px 12px;text-align:right;user-select:none}.line-numbers span{display:block;padding:0 4px}.code-content{padding:8px 16px;overflow:auto;white-space:pre;flex:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.token-keyword{color:var(--keyword);font-weight:500}.token-function{color:var(--function)}.token-string{color:var(--string)}.token-tag{color:var(--tag)}.token-prop{color:var(--prop)}.token-number{color:var(--number)}.token-bracket,.token-punctuation{color:var(--text)}.token-clickable{color:var(--function);cursor:pointer}.token-clickable:hover{filter:brightness(1.2)}.minimap{width:60px;background:var(--line-bg);font-size:6px;line-height:8px;color:var(--line-text);overflow-y:auto;padding:4px;border-left:1px solid #333}