.compiler-page{height:100vh;display:flex;flex-direction:column;background:var(--bg);padding-top:64px}.compiler-main{flex:1 1;display:flex;overflow:hidden}.compiler-editor{flex:1 1;display:flex;flex-direction:column;min-width:0}.compiler-editor-label{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--surface-border);font-size:.82rem;font-weight:600;color:var(--text)}.compiler-resizer{width:10px;background:var(--surface-border);cursor:col-resize;transition:background .2s;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compiler-resizer:after{content:"";width:3px;height:30px;background:var(--muted);border-radius:2px;opacity:.4;transition:all .2s}.compiler-resizer:hover{background:var(--primary-soft)}.compiler-resizer:hover:after{opacity:1;background:var(--primary);height:40px}.compiler-resizer-h{height:10px;background:var(--surface-border);cursor:row-resize;transition:background .2s;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compiler-resizer-h:after{content:"";width:30px;height:3px;background:var(--muted);border-radius:2px;opacity:.4;transition:all .2s}.compiler-resizer-h:hover{background:var(--primary-soft)}.compiler-resizer-h:hover:after{opacity:1;background:var(--primary);width:40px}.compiler-output{flex:1 1;display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--surface-border)}.compiler-input{width:100%;border:none;resize:none;font-size:.88rem;outline:none}.compiler-input,.compiler-output-content{flex:1 1;padding:1rem;background:var(--bg);color:var(--text);font-family:Cascadia Code,monospace;line-height:1.6}.compiler-output-content{font-size:.85rem;overflow:auto;white-space:pre-wrap;word-break:break-word}.compiler-output-content .output-line{border-left:3px solid transparent;padding:2px 0 2px 8px;margin-left:-8px}.compiler-output-content .output-line.output-stdout{color:var(--text);border-left-color:transparent}.compiler-output-content .output-line.output-error{color:var(--error);border-left-color:var(--error);background:rgba(239,68,68,.08)}.compiler-output-content .output-line.output-warning{color:var(--warning);border-left-color:var(--warning);background:rgba(245,158,11,.08)}.compiler-output-content .output-line.output-stderr{color:#f97316;border-left-color:#f97316;background:rgba(249,115,22,.06)}.compiler-file-tabs{display:flex;align-items:center;gap:0;padding:0 .5rem;background:var(--surface);border-bottom:1px solid var(--surface-border);overflow-x:auto}.compiler-file-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.78rem;font-weight:500;color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit}.compiler-file-tab:hover{color:var(--text);background:var(--primary-soft)}.compiler-file-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.compiler-file-close{margin-left:.25rem;font-size:1rem;line-height:1;opacity:.5;transition:opacity .15s}.compiler-file-close:hover{opacity:1;color:var(--error)}.compiler-file-add{padding:.5rem .75rem}.compiler-preview{flex:1 1;border:none;background:#fff;width:100%;height:100%}.compiler-console-content{flex:1 1;overflow-y:auto;padding:.5rem 1rem;font-family:Cascadia Code,monospace;font-size:.8rem;line-height:1.6}.codemirror-wrapper{height:100%;overflow:auto}.codemirror-wrapper .cm-editor{height:100%}@media (max-width:768px){.compiler-editor,.compiler-main{flex-direction:column}.compiler-editor{min-height:0;overflow:hidden;display:flex}.compiler-resizer{width:100%;height:10px;cursor:row-resize;min-height:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compiler-resizer:after{width:30px;height:3px}.compiler-resizer:hover:after{width:40px;height:3px}.compiler-output{flex:1 1;border-left:none;border-top:1px solid var(--surface-border);min-height:0;overflow:hidden;display:flex;flex-direction:column}.compiler-output-content{flex:1 1;overflow-x:hidden}.compiler-output-content,.compiler-stdin{overflow-y:auto;-webkit-overflow-scrolling:touch}.compiler-stdin{min-height:60px;max-height:120px}.compiler-toolbar-right{padding:4px 8px!important;font-size:.75rem!important}.compiler-editor-label{padding:4px 10px!important;font-size:.72rem!important}.section[style*="padding-top: 100px"],.section[style*="paddingTop: 100px"]{padding-top:80px!important}.container[style*="max-width: 900"],.container[style*="maxWidth: 900"]{max-width:100%!important;padding:0 12px!important}.tool-textarea{min-height:120px!important;font-size:.9rem!important}}.compiler-stats-icon{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.compiler-toolbar-actions{display:flex;align-items:center;gap:.5rem}.compiler-toolbar-actions .btn-label{display:inline}.compiler-status-badge .badge-icon{display:none}@media (max-width:480px){.compiler-toolbar-actions .btn-label{display:none}.compiler-toolbar-actions button{padding:.4rem .5rem!important;min-width:2rem;justify-content:center}.compiler-status-badge .badge-text{display:none}.compiler-status-badge .badge-icon{display:inline;font-size:.5rem}.compiler-status-badge[data-status=online] .badge-icon{color:#22c55e}.compiler-status-badge[data-status=offline] .badge-icon{color:#f59e0b}}