:root{color-scheme:dark;--bg:#0b0e13;--panel:#10151c;--line:#252d38;--text:#e5eaf1;--muted:#7b8a9a;--lime:#b6f99b;--light:#a3b1c1;font-family:Inter,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;height:100vh;min-height:480px;overflow:hidden;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.12)}#app{display:grid;grid-template-columns:56px 265px minmax(0,1fr);height:100%}.activity{background:#0c1118;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:17px;padding:21px 7px}.mark{width:34px;height:34px;border-radius:9px;background:var(--lime);color:#0d2114;font-weight:900;font-size:23px;text-align:center;letter-spacing:-2px}.mark span{color:#246233}.activity button{background:none;color:#798899;border:0;border-radius:8px;font-size:25px;width:42px;height:40px;display:grid;place-items:center}.activity button.active,.activity button:hover{background:#222e30;color:var(--lime)}.activity-footer{margin-top:auto}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block;box-shadow:0 0 11px #98ff8270}#sidebar{background:#12171f;border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.side-heading{padding:30px 18px 18px;display:flex;gap:6px;flex-direction:column}.side-heading span,.panel-head,.root-info small,.eyebrow,dialog small{font-size:10px;color:#7e8b9a;font-weight:700;letter-spacing:1.6px}.side-heading strong{font-size:19px;letter-spacing:-.6px}.root-info{background:#1c242f;border:1px solid #303b49;border-radius:10px;margin:0 12px;padding:11px;display:flex;align-items:center;gap:10px;min-width:0}.root-info>div:nth-child(2){overflow:hidden;flex:1}.root-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.root-info small{font-size:9px;letter-spacing:.7px}.folder-emoji{background:#30402d;border-radius:7px;color:var(--lime);height:31px;width:31px;display:grid;place-items:center;font-size:19px}#rootDot{height:7px;width:7px;background:#647386;border-radius:50%}#rootDot.on{background:var(--lime)}.actions{display:flex;padding:12px;gap:5px}.actions>.primary{flex:1}.primary,.secondary,.ghost,.iconbtn{border-radius:8px;font-size:12px;font-weight:700;padding:9px 13px;display:inline-flex;justify-content:center;align-items:center;gap:8px}.primary{background:var(--lime);color:#122016;border:1px solid var(--lime)}.secondary{color:#e5ebf4;background:#202934;border:1px solid #303d4e}.ghost{color:#bbc6d2;background:#161d25;border:1px solid #303845}.iconbtn{background:#1b222c;color:#a5b3c3;border:1px solid #2a3440;padding:6px;min-width:32px;height:34px}.panel-head{padding:8px 19px 12px;display:flex;justify-content:space-between}#filePane,#searchPane{overflow:auto;flex:1;min-height:0}.placeholder{color:#7c899a;font-size:12px;line-height:1.7;padding:13px 19px}.tree-row{border:0;width:100%;background:none;color:#b4c0cc;text-align:left;min-width:0;display:flex;align-items:center;gap:8px;height:33px;font-size:12px;padding:0 9px}.tree-row:hover{background:#252f3b}.tree-row.selected{background:#2a4034;color:#ccffc1}.tree-row .symbol{color:#b7df9f;width:18px;text-align:center;font-family:Consolas,monospace}.tree-row.folder .symbol{color:#c8b383}.tree-row .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-bottom{padding:14px;border-top:1px solid var(--line);font-size:11px;color:#8391a0}#searchTerm{margin:0 12px;width:calc(100% - 24px);padding:10px;color:#e2ebf4;background:#1a222d;border:1px solid #344151;border-radius:7px;outline:none}#searchResults{margin:9px 11px}.main{display:flex;flex-direction:column;min-width:0}.header{height:67px;flex:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 24px;border-bottom:1px solid var(--line);background:#0f141b}.header-brand{display:flex;gap:13px;align-items:center;font-size:13px;color:#7f8d9d}.header-brand b{font-size:16px;letter-spacing:-.5px;color:#e7eef6}.slash{color:#445569}.header-buttons{display:flex;align-items:center;gap:10px}.browser-tag{color:#a4b1bd;font-size:11px;margin-right:9px;white-space:nowrap}.browser-tag .online-dot{margin-right:5px}.tabs{height:36px;flex:none;background:#10151c;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.tab{font-size:12px;display:flex;align-items:center;gap:10px;background:#17202a;color:#97a6b7;border:0;border-right:1px solid #303b45;border-bottom:2px solid transparent;max-width:210px;min-width:100px;white-space:nowrap;padding:0 12px}.tab.current{background:#202936;color:#e7edf6;border-bottom-color:var(--lime)}.tab span:first-child{overflow:hidden;text-overflow:ellipsis}.tab i{font-size:13px;color:#e8cb8a;font-style:normal}.tab .close{margin-left:auto;font-size:18px;color:#8595a5}.tab .close:hover{color:white}.welcome{flex:1;position:relative;min-height:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.grid-bg{position:absolute;inset:0;opacity:.22;background-size:59px 59px;background-image:linear-gradient(#243143 1px,transparent 1px),linear-gradient(90deg,#243143 1px,transparent 1px);mask-image:radial-gradient(ellipse at center,#000,transparent 70%)}.glow{position:absolute;width:400px;height:400px;background:#6cb85c;filter:blur(150px);opacity:.10;right:13%;top:14%}.hero{z-index:1;width:min(570px,90%);padding:25px 10px}.eyebrow{display:flex;align-items:center;gap:10px;color:#a4bd9e;margin-bottom:24px}.big-z{font-size:75px;line-height:1;font-weight:900;letter-spacing:-10px;margin-bottom:26px}.big-z span,.hero em{color:var(--lime);font-style:normal}.hero h1{font-size:clamp(38px,4.3vw,60px);line-height:1.1;letter-spacing:-3px;margin:0 0 20px}.hero>p{font-size:14px;line-height:1.85;color:#94a2b4;max-width:510px;margin-bottom:26px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.large{padding:13px 19px;font-size:13px}.hero-actions button span{margin-left:10px}.quick-stats{display:flex;gap:27px;margin-top:45px;color:#8796a6;font-size:11px}.quick-stats b{color:var(--lime);font-family:Consolas,monospace;margin-right:5px}.corner-label{position:absolute;bottom:25px;right:25px;color:#647383;font:10px Consolas,monospace}.editor{flex:1;min-height:0;display:flex;flex-direction:column}.editor-bar{height:38px;background:#151a22;border-bottom:1px solid var(--line);color:#a5b1c0;font-size:11px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-bar>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-canvas{display:flex;flex:1;min-height:0;overflow:hidden;background:#10151c;font:13px/1.65 Consolas,"Cascadia Code",monospace}#gutter{min-width:54px;text-align:right;padding:17px 13px 20px 5px;border-right:1px solid #242c35;color:#596a7d;overflow:hidden;white-space:pre;user-select:none}#code{font:inherit;background:transparent;color:#d5e5f2;border:none;outline:none;resize:none;width:100%;height:100%;padding:17px 17px;white-space:pre;overflow:auto;tab-size:2}.statusline{height:28px;background:var(--lime);color:#17251b;flex:none;padding:0 13px;display:flex;justify-content:space-between;align-items:center;font:700 10px Consolas,monospace}.statusline>div{display:flex;align-items:center;gap:17px}.statusline b{font-size:14px}dialog{background:#19212b;color:#e7edf6;border:1px solid #3b4b5a;border-radius:12px;width:min(395px,90vw);padding:25px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin:12px 0 9px}dialog p{font-size:12px;color:#a1b0bf;line-height:1.6}dialog label{display:block;margin:20px 0 7px;font-size:12px}dialog input{width:100%;padding:11px;border-radius:7px;border:1px solid #3c4c59;background:#111923;color:#e7edf6;outline:none}.dialog-actions{margin-top:22px;display:flex;justify-content:end;gap:10px}#toast{position:fixed;right:20px;bottom:45px;z-index:50;background:#27392e;border:1px solid #65846b;border-radius:8px;color:#d2fbd4;padding:12px 17px;font-size:12px;box-shadow:0 10px 30px #0008;max-width:370px;visibility:hidden}#toast.visible{visibility:visible}#toast.error{background:#4b272e;border-color:#854f5d;color:#ffe6e8}@media(max-width:900px){#app{grid-template-columns:51px 218px minmax(0,1fr)}.header{padding:0 12px}.browser-tag{display:none}.hero h1{font-size:40px}}@media(max-width:650px){#app{grid-template-columns:46px 0 minmax(0,1fr)}#sidebar{position:fixed;left:46px;width:250px;top:0;bottom:0;z-index:10;transform:translateX(-120%);box-shadow:12px 0 25px #0009;transition:transform .18s}body.sidebar-visible #sidebar{transform:translateX(0)}.header .ghost{display:none}.statusline>div span:last-child{display:none}.hero h1{font-size:37px}.quick-stats{gap:12px}.header-brand>span:not(.slash){display:none}}