:root{font-family:Noto Sans Ethiopic,Segoe UI,system-ui,sans-serif;color-scheme:light;color:#213547;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#1e293b;color:#f8fafc;min-height:48px;flex-shrink:0}.app-title h1{font-size:1.25rem;font-weight:700;display:inline}.app-subtitle{font-size:.75rem;opacity:.7;margin-left:.5rem}.header-actions{display:flex;gap:.5rem;align-items:center}.header-btn{padding:.375rem .75rem;border:1px solid #475569;border-radius:4px;background:transparent;color:#f8fafc;cursor:pointer;font-size:.8125rem;min-width:24px;min-height:24px;transition:background .15s}.header-btn:hover{background:#334155}.header-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.run-btn{background:#16a34a;border-color:#16a34a;font-weight:600}.run-btn:hover{background:#15803d}.debug-btn.active{background:#475569;border-color:#60a5fa}.app-editor{flex:1;overflow:hidden}.editor-panel,.editor-panel .cm-editor{height:100%}.bottom-panel{border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.bottom-panel-resize{height:4px;background:#e2e8f0;cursor:ns-resize;flex-shrink:0}.bottom-panel-resize:hover{background:#60a5fa}.bottom-panel-tabs{display:flex;border-bottom:1px solid #e2e8f0;padding:0 .5rem;flex-shrink:0}.panel-tab{padding:.375rem .75rem;border:none;background:transparent;cursor:pointer;font-size:.8125rem;color:#64748b;border-bottom:2px solid transparent;min-width:24px;min-height:24px}.panel-tab.active{color:#1e293b;border-bottom-color:#3b82f6;font-weight:600}.panel-tab:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}.panel-collapse-btn{margin-left:auto;padding:.25rem .5rem;border:none;background:transparent;cursor:pointer;color:#64748b;min-width:24px;min-height:24px}.panel-collapse-btn:focus-visible{outline:2px solid #60a5fa}.bottom-panel-content{flex:1;overflow:auto;padding:.5rem}.tab-placeholder{color:#94a3b8;font-style:italic;font-size:.875rem}.problems-list{list-style:none}.problem-item{display:flex;gap:.75rem;padding:.25rem .5rem;cursor:pointer;border-radius:2px;font-size:.8125rem}.problem-item:hover{background:#e2e8f0}.problem-item:focus-visible{outline:2px solid #60a5fa}.problem-location{color:#64748b;white-space:nowrap;min-width:80px}.problem-message{color:#dc2626}@media(max-width:640px){.app-header{flex-wrap:wrap;gap:.5rem}.app-subtitle{display:none}.header-btn{font-size:.75rem;padding:.25rem .5rem}}.run-success{color:#16a34a;font-weight:600}.run-error-item{color:#dc2626;font-size:.8125rem;padding:.125rem 0}.debug-output{font-size:.8125rem}.debug-output summary{cursor:pointer;font-weight:600;padding:.25rem 0;user-select:none}.debug-table{width:100%;border-collapse:collapse;font-size:.75rem;font-family:JetBrains Mono,Fira Code,monospace}.debug-table th,.debug-table td{text-align:left;padding:.125rem .5rem;border-bottom:1px solid #e2e8f0}.debug-table th{background:#f1f5f9;font-weight:600}.debug-ast{font-size:.6875rem;max-height:300px;overflow:auto;background:#f8fafc;padding:.5rem;border:1px solid #e2e8f0;border-radius:4px}.debug-errors li{color:#dc2626;padding:.125rem 0}.cm-tooltip-lint{font-family:Noto Sans Ethiopic,system-ui,sans-serif}