.parser{--syntax-hue:220;--syntax-saturation:13%;--syntax-brightness:18%;--mono-1:#abb2bf;--mono-2:#828997;--mono-3:#5c6370;--hue-1:#56b6c2;--hue-2:#61afef;--hue-3:#c678dd;--hue-4:#98c379;--hue-5:#e06c75;--hue-5-2:#be5046;--hue-6:#d19a66;--hue-6-2:#e6c07b;--syntax-bg:hsl(var(--syntax-hue),var(--syntax-saturation),var(--syntax-brightness));font-family:var(--font-sans);color:hsl(var(--foreground));width:100%;max-width:100%;font-size:15px;line-height:1.3;overflow-x:hidden}.parser h1,.parser h2,.parser h3,.parser h4,.parser h5,.parser h6{color:hsl(var(--foreground));margin:.2em 0;font-weight:600;line-height:1.2}.parser h1{font-size:1.8em}.parser h2{font-size:1.5em}.parser h3{font-size:1.3em}.parser h4{font-size:1.1em}.parser h5{font-size:1em}.parser h6{font-size:.9em}.parser .code-block{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;margin:.2em 0;overflow:hidden}.parser .code-header{background:#2a2a2a;border-bottom:1px solid #ffffff1a;border-top-left-radius:12px;border-top-right-radius:12px;justify-content:space-between;align-items:center;height:32px;padding:6px 12px;display:flex}.parser .language-id{color:#888;font-size:13px;font-weight:400}.parser .code-actions{gap:6px;display:flex}.listitem{list-style-type:disc}ul.compact{margin:.5em 0;padding-left:1em;list-style-type:disc}ul.compact li{margin-bottom:.3em}.parser .action-btn{color:#ffffffa7;cursor:pointer;background:0 0;border:1px solid #ffffff6f;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;transition:all .15s;display:inline-flex}.parser .action-btn:hover{color:#fff;background:#ffffff94}.parser .run-btn{color:#89d185;border-color:#89d18566}.parser .run-btn:hover{color:#89d185;background:#89d1851a}.parser pre{background:#1a1a1a;margin:0;padding:12px 16px;overflow-x:auto}.parser pre code{font-family:var(--font-mono);color:#d4d4d4;font-size:14px;line-height:1.5}.parser .code-output{color:#d4d4d4;font-family:var(--font-mono);background:#2a2a2a;border-top:1px solid #ffffff1a;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding:8px 16px 8px 28px;font-size:14px;position:relative}.parser .code-output:before{content:">";color:#888;position:absolute;left:12px}.parser .inline-code{color:#fff;background-color:#2e2e2e;border-radius:3px;margin:.2em;padding:.1em .2em;font-family:Courier New,Courier,monospace;font-size:.9em;font-weight:700}.parser .token.comment{color:#6a9955}.parser .token.keyword{color:#c586c0}.parser .token.boolean{color:#4ea2c9}.parser .token.string{color:#ce9178}.parser .token.function{color:#dcdcaa}.parser .token.number{color:#b5cea8}.parser .token.operator{color:#d4d4d4;background-color:#1a1a1a}.parser .token.punctuation{color:#d4d4d4}.parser .token.property,.parser .token.variable{color:#9cdcfe}.parser .token.builtin,.parser .token.class-name{color:#4ec9b0}.parser .token.parameter{color:#9cdcfe}.parser .token.decorator{color:#dcdcaa}.parser ul.compact,.parser ol.compact{margin:.4em 0;padding-left:1.5em}.parser ul.compact li,.parser ol.compact li{margin:.2em 0}@media (max-width:768px){.parser{font-size:14px}.parser .code-block{margin:.4em 0}.parser .code-header{padding:4px 10px}.parser .action-btn span{display:none}.parser pre{padding:10px 12px}}