:root{--bg: #ffffff;--panel: #f5f8f9;--ink: #1b2226;--muted: #5f7078;--rule: #dde5e8;--accent: #1a5a76;--bad: #9b3c22;--term: #ffffff}@media(prefers-color-scheme:dark){:root{--bg: #0f1417;--panel: #151c20;--ink: #d8e2e6;--muted: #8698a1;--rule: #26343a;--accent: #6fb6d6;--bad: #e08e72;--term: #12181c}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--rule);flex:none}.grow{flex:1}.name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.status{color:var(--muted);font-size:12px}.status[data-status=error]{color:var(--bad)}button{font:inherit;padding:.25rem .7rem;border:1px solid var(--rule);border-radius:4px;background:var(--panel);color:var(--ink);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{border-color:var(--accent);color:var(--accent);font-weight:600}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}main{flex:1;min-height:0;display:grid;grid-template-columns:clamp(9rem,16vw,15rem) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.files{border-right:1px solid var(--rule);background:var(--panel);overflow:auto;padding:.4rem;display:flex;flex-direction:column;gap:1px}.file{text-align:left;border:none;border-radius:3px;background:none;padding:.25rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.file:hover{background:var(--bg)}.file.on{color:var(--ink);background:var(--bg);font-weight:600}.panes{display:grid;grid-template-rows:minmax(0,3fr) minmax(0,2fr);min-width:0}.editor{min-height:0}.terminal{min-height:0;border-top:1px solid var(--rule);background:var(--term);padding:.35rem .5rem;overflow:hidden}.presence{color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums}button svg{width:13px;height:13px;vertical-align:-2px}button.primary,#share{display:inline-flex;align-items:center;gap:.35rem}.files{display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;padding:0}.tree-bar{display:flex;gap:2px;padding:.3rem .35rem;border-bottom:1px solid var(--rule)}.tree{overflow:auto;padding:.25rem .2rem .5rem}button.icon{border:none;background:none;padding:.25rem;border-radius:3px;color:var(--muted);line-height:0}button.icon:hover{background:var(--bg);color:var(--ink)}button.icon svg{width:15px;height:15px}.row{display:flex;align-items:center;gap:.3rem;width:100%;text-align:left;border:none;background:none;border-radius:3px;padding:.2rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row:hover{background:var(--bg);color:var(--ink)}.row.on{background:var(--bg);color:var(--ink);font-weight:600}.row .ico,.row .chev{flex:none;line-height:0;opacity:.75}.row .ico svg{width:13px;height:13px}.row .chev{width:11px}.row .chev svg{width:11px;height:11px;transition:transform .12s}.row.dir.open .chev svg{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.row .chev svg{transition:none}}.row.dir{color:var(--ink)}