.compiler-workspace{background:#030712;border:1px solid #1e293b;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 40px #3b82f61a}.compiler-container{background:#0a0f1a;flex-direction:row;width:100%;min-height:calc(100vh - 170px);display:flex;position:relative}.explorer-panel{background:#030712;border-right:1px solid #1e293b;flex-direction:column;flex:0 0 200px;display:flex}.main-area{flex-direction:row;flex:1;display:flex;overflow:hidden}.editor-panel{background:#0a0f1a;flex-direction:column;flex:1;min-width:0;display:flex}.drag-resizer{cursor:col-resize;z-index:10;-webkit-user-select:none;user-select:none;touch-action:none;background:#1e293b;width:4px;transition:background .15s}.drag-resizer:hover,.drag-resizer.is-dragging{background:#3b82f6;box-shadow:0 0 12px #3b82f680}.panel-resizer{cursor:col-resize;z-index:10;-webkit-user-select:none;user-select:none;touch-action:none;background:#1a1e30;flex:0 0 5px;transition:background .15s;position:relative}.panel-resizer:after{content:"";background:#334155;border-radius:3px;width:3px;height:32px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-resizer:hover,.panel-resizer.is-dragging{background:#3b82f6}.panel-resizer:hover:after,.panel-resizer.is-dragging:after{background:#60a5fa}.editor-wrapper{background:#0a0f1a;flex:1;min-height:calc(100vh - 220px);display:flex;position:relative;overflow:hidden}.line-numbers{text-align:right;color:#64748b;-webkit-user-select:none;user-select:none;white-space:pre;background:#050b14;border-right:1px solid #1e293b;width:3.25rem;padding:1rem .5rem 1rem .25rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6;overflow:hidden}.code-editor-container{background:#0a0f1a linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/1.05rem 100%;flex:1;min-height:calc(100vh - 200px);position:relative;overflow:hidden}#code-highlight-pre,#code-editor{box-sizing:border-box;letter-spacing:normal;tab-size:2;white-space:pre;word-wrap:normal;border:0;width:100%;height:100%;margin:0;padding:1rem 1.25rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;position:absolute;top:0;left:0}.editor-wrapper.is-wrap #code-highlight-pre,.editor-wrapper.is-wrap #code-editor{white-space:pre-wrap!important;word-break:break-word!important}pre[class*=language-],code[class*=language-]{text-shadow:none!important;background:0 0!important;border:none!important;margin:0!important}code[class*=language-]{padding:0!important}#code-highlight-pre{z-index:1;color:#d4d4d4;overflow:hidden;pointer-events:none!important;background:0 0!important;padding:1rem 1.25rem!important}#code-highlight-code{font-family:inherit;font-size:inherit;line-height:inherit;tab-size:inherit;display:block;text-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important}#code-editor{caret-color:#aeafad;resize:none;outline:none;overflow:auto;z-index:3!important;color:#0000!important;background:0 0!important}#code-editor::placeholder{color:#5a5d6b;opacity:.9;font-style:italic}#code-editor::selection{color:#0000;background:#264f7899}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a9955;font-style:italic}.token.punctuation{color:#d4d4d4}.token.keyword,.token.tag{color:#569cd6}.token.selector{color:#d7ba7d}.token.builtin,.token.class-name,.token.type{color:#4ec9b0}.token.string,.token.char,.token.attr-value,.token.template-string{color:#ce9178}.token.number{color:#b5cea8}.token.boolean{color:#569cd6}.token.constant{color:#4fc1ff}.token.function,.token.function-name{color:#dcdcaa}.token.variable,.token.property,.token.attr-name{color:#9cdcfe}.token.operator{color:#d4d4d4}.token.regex{color:#d16969}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.deleted{color:#ce9178}.token.inserted{color:#b5cea8}.console-panel{background:#030712;flex-direction:column;flex:0 0 40%;min-width:100px;max-width:80%;display:flex}#output-console{white-space:pre-wrap;tab-size:2;color:#f8fafc;background:#030712;flex:1;min-height:calc(100vh - 220px);padding:1rem 1.25rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6;overflow-y:auto}.term-line-log{color:#e2e8f0}.term-line-error{color:#f87171;background:#ef444414;border-radius:.25rem;padding:.125rem .25rem;display:block}.term-line-warn{color:#fbbf24}.term-line-info{color:#94a3b8}.term-line-stdin{color:#c0c8d8;font-weight:600}.term-line-success{color:#34d399}.ansi-red{color:#f87171}.ansi-green{color:#34d399}.ansi-yellow{color:#fbbf24}.ansi-blue{color:#60a5fa}.ansi-magenta{color:#c084fc}.ansi-cyan{color:#38bdf8}.ansi-gray{color:#94a3b8}.ansi-bold{font-weight:700}.terminal-input-bar{background:#0a0f1a;border-top:1px solid #1e293b;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.terminal-prompt-sym{color:#3b82f6;font-family:monospace;font-size:.875rem;font-weight:700}#terminal-stdin-input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;font-family:JetBrains Mono,monospace;font-size:.84rem}#terminal-stdin-input::placeholder{color:#475569;font-size:.78rem}.stdin-drawer{background:#030712;border-top:1px solid #1e293b;padding:.75rem 1rem}#stdin-textarea{color:#f8fafc;resize:vertical;background:#0a0f1a;border:1px solid #1e293b;border-radius:.5rem;outline:none;width:100%;height:70px;padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:.82rem}#stdin-textarea:focus{border-color:#3b82f6}#html-preview{background:#fff;border:none;flex:1;min-height:440px}.floating-exit-fullscreen{z-index:100000;color:#f87171;cursor:pointer;background:#1f2438;border:1px solid #374160;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex;position:fixed;top:1rem;right:1.5rem;box-shadow:0 10px 25px #0009}.floating-exit-fullscreen:hover{color:#fca5a5;background:#2a314d;transform:translateY(-1px)}#output-console::-webkit-scrollbar{width:6px;height:6px}#code-editor::-webkit-scrollbar{width:6px;height:6px}#stdin-textarea::-webkit-scrollbar{width:6px;height:6px}#output-console::-webkit-scrollbar-track{background:0 0}#code-editor::-webkit-scrollbar-track{background:0 0}#stdin-textarea::-webkit-scrollbar-track{background:0 0}#output-console::-webkit-scrollbar-thumb{background:#232838;border-radius:3px}#code-editor::-webkit-scrollbar-thumb{background:#232838;border-radius:3px}#stdin-textarea::-webkit-scrollbar-thumb{background:#232838;border-radius:3px}#output-console::-webkit-scrollbar-thumb:hover{background:#384259}#code-editor::-webkit-scrollbar-thumb:hover{background:#384259}#stdin-textarea::-webkit-scrollbar-thumb:hover{background:#384259}@media (width<=960px){.compiler-container{flex-direction:column}.explorer-panel{border-bottom:1px solid #1a1e30;border-right:none;max-height:200px;flex:none!important;width:100%!important}.drag-resizer-vertical{display:none}.main-area{flex-direction:column;flex:1;min-height:600px;display:flex}.panel-resizer{cursor:row-resize!important;flex:0 0 10px!important;width:100%!important;height:10px!important}.panel-resizer:after{width:48px!important;height:3px!important}.editor-panel{flex:50%;min-height:200px}.console-panel{border-top:1px solid #1a1e30;flex:50%;min-height:200px;width:100%!important}.editor-wrapper,.code-editor-container,#code-highlight-pre,#code-editor,#output-console,#html-preview{min-height:240px}}.compiler-workspace.fullscreen-mode{z-index:99999!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.compiler-workspace.fullscreen-mode .compiler-container{flex:1!important;height:calc(100vh - 86px)!important;min-height:0!important}.compiler-workspace.fullscreen-mode .editor-panel,.compiler-workspace.fullscreen-mode .console-panel,.compiler-workspace.fullscreen-mode .editor-wrapper,.compiler-workspace.fullscreen-mode .code-editor-container,.compiler-workspace.fullscreen-mode #output-console,.compiler-workspace.fullscreen-mode #html-preview{height:100%!important;min-height:0!important;max-height:none!important}