body{background-color:#09090b;color:#e4e4e7;overflow:hidden;font-family:'Inter',sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#18181b}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}.CodeMirror{height:100%;font-family:'JetBrains Mono',monospace;font-size:14px;background:#0a0a0a;color:#e4e4e7;line-height:1.5;z-index:10}.CodeMirror-gutters{background:#0f0f10!important;border-right:1px solid #ffffff1a!important;z-index:11}.CodeMirror-linenumber{color:#52525b;padding:0 3px 0 5px;text-align:right}.CodeMirror-selected{background:rgb(99 102 241 / .3)!important}.CodeMirror-cursor{border-left:1px solid #6366f1;width:2px}.CodeMirror-lines,.CodeMirror-linenumber{padding:0!important}#editor-html *{font-family:'JetBrains Mono',monospace;font-size:14px;line-height:1.5}.CodeMirror-linenumber{padding-left:0!important;color:transparent!important}.CodeMirror-linenumber.CodeMirror-gutter-elt{min-width:32px;border-right:0 solid red;z-index:11;font-family:'JetBrains Mono',monospace;font-size:14px;line-height:1.5;background-color:#fff0;color:#52525b!important;background:#0f0f10}.CodeMirror-gutters{min-width:38px;z-index:0!important}.cm-keyword{color:#c678dd}.cm-atom{color:#d19a66}.cm-number{color:#d19a66}.cm-def{color:#61afef}.cm-variable-2{color:#e06c75}.cm-variable-3{color:#56b6c2}.cm-property{color:#e06c75}.cm-operator{color:#56b6c2}.cm-comment{color:#5c6370;font-style:italic}.cm-string{color:#98c379}.cm-meta{color:#abb2bf}.cm-tag{color:#e06c75}.cm-attribute{color:#d19a66}.dot-indicator{--value:0.2;transition:opacity 0.3s ease;opacity:1}.red{background-color:rgb(239 68 68 / var(--value))}.yellow{background-color:rgb(234 179 8 / var(--value))}.green{background-color:rgb(34 197 94 / var(--value))}.animate-traffic .dot-indicator{animation:glow-pulse 1.5s ease-in-out infinite;--value:1}@keyframes glow-pulse{0%{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 0 currentColor}100%{box-shadow:0 0 5px currentColor}}.resizer{width:6px;background:#27272a;cursor:col-resize;transition:background 0.2s;flex-shrink:0;z-index:50}.resizer:hover,.resizer.active{background:#fff;width:10px}.tab-btn{transition:all 0.2s;border-bottom:2px solid #fff0}.tab-btn.active{color:#fff;border-bottom-color:#ffffff1a;background:#0a0a0a}.run{background-color:#ffffff1a}.run:hover{color:#000;background-color:#fff;box-shadow:0 0 0 1px #2e2e2e}.border-dark-border{border-color:#ffffff1a}.text-dark-muted{color:#a1a1aa}@media (max-width:1024px){#editor-section{width:100%!important;flex:1;height:60%}#preview-pane{height:40%}.resizer,#btn-stop{display:none}}.CodeMirror-scroll{overflow-x:auto!important;overflow-y:auto!important;min-height:100%}#editor-html,#editor-css,#editor-js{height:100%!important}.cm-s-fesa-dark.CodeMirror{background:#0b1220;color:#e5e7eb}.cm-s-default .CodeMirror-selected{background:#264f78!important}.cm-s-default .CodeMirror-gutters{background:#09090b;border-right:1px solid #27272a}.cm-s-default .cm-keyword{color:#c678dd!important;font-weight:600}.cm-s-default .cm-string{color:#98c379!important}.cm-s-default .cm-number{color:#d19a66!important}.cm-s-default .cm-comment{color:#5c6370!important;font-style:italic;opacity:.8}.cm-s-default .cm-variable,.cm-s-default .cm-variable-2,.cm-s-default .cm-property{color:#61afef!important}.cm-s-default .cm-def{color:#e5c07b!important;font-weight:500}.cm-s-default .cm-tag{color:#e06c75!important}.cm-s-default .cm-attribute{color:#d19a66!important}.cm-s-default .cm-builtin{color:#56b6c2!important}.cm-s-default .cm-operator{color:#56b6c2!important}.cm-s-default .cm-variable-3{color:#c678dd!important}