:root{--bg:#1e2127;--panel:#282c34;--border:#3b4048;--text:#d7dae0;--muted:#8b929e;--accent:#61afef;--error:#e06c75;--warning:#e5c07b;--ok:#98c379;--code-bg:#282c34;--mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);grid-template-rows:auto 1fr minmax(90px,22vh);font:14px/1.4 system-ui,sans-serif;display:grid}header{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:16px;padding:8px 14px;display:flex}.docs-link{color:var(--muted);text-decoration:none}.docs-link:hover{color:var(--accent)}h1{margin:0 8px 0 0;font-size:16px;font-weight:600}label{color:var(--muted);align-items:center;gap:6px;display:flex}select,button{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:3px 8px}button{cursor:pointer}button:hover{border-color:var(--accent)}#compile{background:var(--accent);color:#1e2127;border-color:var(--accent);font-weight:600}#status{color:var(--muted);margin-left:auto}main{grid-template-columns:minmax(170px,230px) 3fr 2fr;min-height:0;display:grid}.pane{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.pane-header{background:var(--panel);border-bottom:1px solid var(--border);min-height:32px;color:var(--muted);align-items:center;gap:10px;padding:0 10px;display:flex}#tree,#tree ul{margin:0;padding:0;list-style:none}#tree{background:var(--panel);-webkit-user-select:none;user-select:none;flex:1;padding:4px 0;overflow:auto}#tree .row{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);padding-top:3px;padding-bottom:3px;padding-right:8px;overflow:hidden}#tree .row:hover{background:var(--bg);color:var(--text)}#tree .row.folder:before{content:"▸";width:14px;display:inline-block}#tree .row.folder.open:before{content:"▾"}#tree .row{align-items:center;display:flex}#tree .row .name{text-overflow:ellipsis;flex:1;overflow:hidden}#tree .row.file.entry{color:var(--text);font-weight:600}#tree .row.file.entry .name:after{content:" ▶";color:var(--accent);vertical-align:1px;font-size:9px}#tree .row .actions{gap:2px;display:none}#tree .row:hover .actions{display:flex}#tree .row .actions button,button.icon{color:var(--muted);background:0 0;border-color:#0000;padding:0 5px;font-size:12px;line-height:16px}#tree .row .actions button:hover,button.icon:hover{color:var(--text);border-color:var(--border)}#new-file{margin-left:auto;font-size:15px}#tree .row.drop{background:var(--bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}#tree.drop{box-shadow:inset 0 0 0 1px var(--accent)}#problems .via{color:var(--muted)}#tree .row.active{background:var(--bg);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}#tree .row.has-error{color:var(--error)}#current-file{font-family:ui-monospace,monospace;font-size:12.5px}#copy{margin-left:auto}.badge{font-variant-numeric:tabular-nums}.badge.ok{color:var(--ok)}.badge.over,.badge.error{color:var(--error)}.editor{flex:1;min-height:0;overflow:hidden}.editor .cm-editor{height:100%}.editor .cm-scroller{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:13.5px}footer{border-top:1px solid var(--border);flex-direction:column;min-height:0;display:flex}#problems{flex:1;margin:0;padding:4px 0;font-family:ui-monospace,monospace;font-size:13px;list-style:none;overflow:auto}#problems li{cursor:pointer;white-space:pre-wrap;padding:2px 14px}#problems li:hover{background:var(--panel)}#problems li.empty{color:var(--muted);cursor:default}#problems .error{color:var(--error)}#problems .warning{color:var(--warning)}#problems .location{color:var(--accent)}#problems .note{color:var(--muted);padding-left:2em;display:block}