@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#080b12;--panel:#111827;--panel-2:#0f1623;--line:#263146;--text:#e7edf8;--muted:#9aabc5;--accent:#42d392;--accent-2:#ff8a3d;--danger:#ef4444}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 10% 10%,#142037 0%,#080b12 38%,#070a11 100%);font-family:Space Grotesk,sans-serif}button,input,select{font:inherit;color:inherit}.app-shell{grid-template-rows:auto 1fr auto;height:100%;display:grid}.top-bar{border-bottom:1px solid var(--line);background:linear-gradient(95deg,#0c1320,#111a2b);gap:.75rem;padding:.75rem 1rem;display:grid}.brand{color:var(--accent);align-items:center;gap:.5rem;display:flex}.connection-grid{grid-template-columns:110px minmax(130px,1fr) 95px minmax(120px,1fr) minmax(120px,1fr) 120px;gap:.5rem;display:grid}input,select{border:1px solid var(--line);background:#0b1220;border-radius:10px;padding:.55rem .65rem}.layout{grid-template-columns:minmax(260px,360px) 1fr;min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#0d141f 0%,#0b1119 100%);grid-template-rows:auto auto 1fr;min-height:0;display:grid}.toolbar,.editor-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.45rem;padding:.6rem;display:flex}.btn{cursor:pointer;background:#101a2a;border:1px solid #324665;border-radius:9px;align-items:center;gap:.35rem;padding:.45rem .65rem;display:inline-flex}.btn.primary{background:#0f3528;border-color:#256b4f}.btn.danger{background:#311616;border-color:#6f2d2d}.breadcrumbs{border-bottom:1px solid var(--line);gap:.3rem;padding:.5rem .6rem;display:flex;overflow:auto}.crumb{white-space:nowrap;color:var(--muted);background:#0d1627;border:1px solid #2f3f5b;border-radius:999px;padding:.24rem .6rem}.file-list{min-height:0;overflow:auto}.file-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #27354c6b;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.4rem;width:100%;padding:.5rem .6rem;display:grid}.file-row:hover{background:#182538b3}.file-row .meta,.file-row .go{color:var(--muted);opacity:.85}.file-row .name{text-overflow:ellipsis;overflow:hidden}.icon.folder{color:#f6b33f}.icon.code{color:#5eead4}.icon.file{color:#c4d2e7}.editor-pane{grid-template-rows:auto 1fr auto;min-height:0;display:grid}.tabs{flex:1;gap:.35rem;display:flex;overflow:auto}.tab{color:#c7d6ee;background:#0d1726;border:1px solid #2e3d59;border-radius:7px;align-items:center;gap:.45rem;padding:.35rem .55rem;display:inline-flex}.tab.active{background:#172438;border-color:#5a7aa6}.tab-close{color:#94a6c1;padding:0 .2rem}.actions{align-items:center;gap:.4rem;margin-left:auto;display:flex}.autosave{color:var(--muted);align-items:center;gap:.35rem;display:inline-flex}.editor-wrap{min-height:0}.empty,.empty-editor{color:var(--muted);padding:1rem}.command-panel{border-top:1px solid var(--line);background:#0d1422;gap:.6rem;padding:.65rem;display:grid}.command-head,.command-row{align-items:center;gap:.45rem;display:flex}.command-row input{flex:1}.command-output{color:#c3d3ee;background:#090f1b;border:1px solid #273654;border-radius:10px;min-height:86px;max-height:160px;margin:0;padding:.65rem;font-family:IBM Plex Mono,monospace;overflow:auto}.status-bar{color:var(--muted);border-top:1px solid var(--line);background:#0b111b;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .7rem;font-size:.84rem;display:flex}.footer-center{white-space:nowrap;margin:0 auto}.footer-center a{color:var(--accent);font-weight:500;text-decoration:none}.footer-center a:hover{text-decoration:underline}.context-menu{z-index:50;background:#0d1524;border:1px solid #344869;border-radius:10px;min-width:150px;display:grid;position:fixed;overflow:hidden}.context-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #2a3a546b;padding:.5rem .75rem}.context-menu button:hover{background:#16233a}@media (width<=1100px){.connection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:300px}}