*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080810;--s1:#0f0f1a;--s2:#151524;--s3:#1c1c2e;--border:#252538;--border2:#2e2e48;--accent:#7fff6e;--accent2:#6e9fff;--accent3:#ff6eb4;--warn:#ffb432;--text:#e2e2f0;--muted:#585878;--danger:#ff4e6a;--font-mono:"JetBrains Mono",monospace;--font-display:"Syne",sans-serif}body,html{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(127,255,110,.025) 1px,transparent 0),linear-gradient(90deg,rgba(127,255,110,.025) 1px,transparent 0);background-size:48px 48px;pointer-events:none;z-index:0}.topbar{position:relative;z-index:10;display:flex;align-items:center;gap:10px;padding:9px 16px;background:var(--s1);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.topbar-logo{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:-.5px;margin-right:4px}.topbar-logo span{color:var(--accent)}.topbar-sep{width:1px;height:18px;background:var(--border2);flex-shrink:0}.topbar-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;font-family:var(--font-mono);font-size:11px;font-weight:500;cursor:pointer;border:none;transition:all .18s;letter-spacing:.3px;white-space:nowrap}.tb-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.tb-ghost:hover{border-color:var(--border2);color:var(--text)}.tb-green{background:rgba(127,255,110,.12);color:var(--accent);border:1px solid rgba(127,255,110,.25)}.tb-green:hover{background:rgba(127,255,110,.22)}.tb-blue{background:rgba(110,159,255,.12);color:var(--accent2);border:1px solid rgba(110,159,255,.25)}.tb-blue:hover{background:rgba(110,159,255,.22)}.tb-red{background:rgba(255,78,106,.1);color:var(--danger);border:1px solid rgba(255,78,106,.2)}.tb-red:hover{background:rgba(255,78,106,.2)}.tb-download{background:var(--accent);color:#050510;font-weight:700;border:none;margin-left:auto}.tb-download:hover{background:#9affa0;box-shadow:0 0 20px rgba(127,255,110,.35)}.tb-download:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.topbar-stats{font-size:10px;color:var(--muted);letter-spacing:.5px}.topbar-stats b{color:var(--accent)}.workspace{position:relative;z-index:1;display:grid;grid-template-columns:288px 1fr;flex:1 1;overflow:hidden;min-height:0}.sidebar{display:flex;flex-direction:column;background:var(--s1);border-right:1px solid var(--border);overflow:hidden}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.sidebar-actions{display:flex;gap:4px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;cursor:pointer;border:none;font-size:12px;transition:all .15s}.icon-btn.add-folder{background:rgba(110,159,255,.1);color:var(--accent2)}.icon-btn.add-folder:hover{background:rgba(110,159,255,.25)}.icon-btn.add-file{background:rgba(127,255,110,.1);color:var(--accent)}.icon-btn.add-file:hover{background:rgba(127,255,110,.25)}.tree-scroll{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:4px 0 40px}.tree-scroll::-webkit-scrollbar{width:3px}.tree-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.tree-node,.tree-row{position:relative}.tree-row{display:flex;align-items:center;height:26px;cursor:pointer;border-radius:5px;margin:1px 4px;transition:background .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-row:hover{background:var(--s3)}.tree-row.selected{background:rgba(127,255,110,.07);outline:1px solid rgba(127,255,110,.18)}.tree-row.dragging{opacity:.35;background:var(--s2)}.tree-row.drag-over-inside{background:rgba(110,159,255,.14)!important;outline:1px dashed var(--accent2)!important}.drop-line{display:none;left:0;right:0;height:2px;border-radius:2px;z-index:20;pointer-events:none}.drop-line,.drop-line:before{position:absolute;background:var(--accent2)}.drop-line:before{content:"";left:-1px;top:-3px;width:8px;height:8px;border-radius:50%}.tree-node.drop-before>.drop-line-before{display:block;top:-1px}.tree-node.drop-after>.drop-line-after{display:block;bottom:-1px}.tree-indent-unit{width:16px;color:var(--border2);font-size:10px}.tree-arrow,.tree-indent-unit{height:26px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tree-arrow{width:14px;font-size:8px;color:var(--muted);transition:transform .15s}.tree-arrow.open{transform:rotate(90deg)}.tree-arrow.leaf{opacity:0;pointer-events:none}.tree-icon{font-size:13px;margin:0 4px 0 2px;flex-shrink:0}.tree-label{flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1}.tree-label.folder{color:var(--accent2);font-weight:600}.tree-label.file{color:var(--text)}.tree-label-input{flex:1 1;background:var(--s2);border:1px solid var(--accent2);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:12px;padding:1px 6px;outline:none;min-width:0}.drag-handle{width:14px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--border2);font-size:10px;cursor:-webkit-grab;cursor:grab;flex-shrink:0;opacity:0;transition:opacity .1s}.tree-row:hover .drag-handle{opacity:1}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.tree-node-actions{display:none;align-items:center;gap:2px;margin-right:4px;flex-shrink:0}.tree-row:hover .tree-node-actions{display:flex}.node-btn{width:18px;height:18px;border-radius:3px;border:none;cursor:pointer;font-size:10px;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.node-btn.nb-add-f{background:rgba(127,255,110,.1);color:var(--accent)}.node-btn.nb-add-f:hover{background:rgba(127,255,110,.3)}.node-btn.nb-add-file{background:rgba(110,159,255,.1);color:var(--accent2)}.node-btn.nb-add-file:hover{background:rgba(110,159,255,.3)}.node-btn.nb-del{background:rgba(255,78,106,.1);color:var(--danger)}.node-btn.nb-del:hover{background:rgba(255,78,106,.3)}.node-btn.nb-ren{background:rgba(255,180,50,.1);color:var(--warn)}.node-btn.nb-ren:hover{background:rgba(255,180,50,.3)}.tree-children{overflow:hidden}.tree-children.collapsed{display:none}.editor-pane{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.editor-tabs{display:flex;align-items:center;background:var(--s1);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0;min-height:36px}.editor-tabs::-webkit-scrollbar{height:2px}.editor-tabs::-webkit-scrollbar-thumb{background:var(--border2)}.editor-tab{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:36px;font-size:11px;cursor:pointer;border-right:1px solid var(--border);white-space:nowrap;transition:all .12s;color:var(--muted);flex-shrink:0;position:relative}.editor-tab:hover{color:var(--text);background:var(--s2)}.editor-tab.active{color:var(--text);background:var(--bg)}.editor-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.tab-close{width:15px;height:15px;border-radius:3px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.tab-close:hover{background:rgba(255,78,106,.2);color:var(--danger)}.editor-no-file{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;gap:10px;color:var(--muted);font-size:12px}.editor-no-file-icon{font-size:44px;opacity:.12}.editor-body{display:flex;flex-direction:column;flex:1 1;overflow:hidden;position:relative}.editor-info-bar{display:flex;align-items:center;gap:10px;padding:4px 14px;border-bottom:1px solid var(--border);background:var(--s1);flex-shrink:0;font-size:10px;color:var(--muted)}.editor-info-bar b{color:var(--accent2)}.editor-info-bar .path-crumb{color:var(--text);opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-editor{flex:1 1;width:100%;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.7;padding:14px 18px;resize:none;caret-color:var(--accent);-moz-tab-size:2;tab-size:2}.code-editor::placeholder{color:var(--muted);opacity:.35}.empty-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;gap:8px;color:var(--muted);font-size:11px;text-align:center;padding:24px}.empty-sidebar-icon{font-size:30px;opacity:.18}.modal-overlay{position:fixed;inset:0;background:rgba(5,5,16,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.modal{background:var(--s2);border:1px solid var(--border2);border-radius:14px;width:min(600px,95vw);overflow:hidden;transform:translateY(0);transition:transform .2s}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--s3)}.modal-title{font-family:var(--font-display);font-size:14px;font-weight:700}.modal-close{background:transparent;border:none;color:var(--muted);font-size:18px;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close:hover{background:var(--s1);color:var(--text)}.modal-body{padding:18px}.modal-textarea{width:100%;height:260px;background:var(--s1);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:12px;line-height:1.7;padding:12px;outline:none;resize:vertical;caret-color:var(--accent)}.modal-textarea:focus{border-color:rgba(127,255,110,.3)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--border);background:var(--s3)}.ctx-menu{position:fixed;background:var(--s2);border:1px solid var(--border2);border-radius:9px;overflow:hidden;z-index:200;min-width:180px;box-shadow:0 8px 32px rgba(0,0,0,.6);transition:all .1s;transform-origin:top left}.ctx-item{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:11px;cursor:pointer;color:var(--text);transition:background .1s}.ctx-item:hover{background:var(--s3)}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:rgba(255,78,106,.1)}.ctx-label{font-size:9px;color:var(--muted);padding:5px 14px 2px;text-transform:uppercase;letter-spacing:1.5px}.ctx-sep{height:1px;background:var(--border);margin:3px 0}.win-notice{flex-shrink:0;background:rgba(255,180,50,.05);border-top:1px solid rgba(255,180,50,.18);padding:6px 16px;display:flex;align-items:center;gap:8px;font-size:10px;color:rgba(255,180,50,.65);flex-wrap:wrap}.win-notice b,.wn-badge{color:var(--warn)}.wn-badge{background:rgba(255,180,50,.1);border:1px solid rgba(255,180,50,.22);font-size:9px;padding:2px 6px;border-radius:8px;letter-spacing:.5px;white-space:nowrap}.win-fix{display:inline-flex;align-items:center;gap:4px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:5px;padding:2px 8px;color:var(--text);font-size:10px}.toast{position:fixed;bottom:18px;right:18px;background:var(--s2);border:1px solid var(--accent);color:var(--accent);padding:8px 16px;border-radius:8px;font-size:11px;z-index:999;transform:translateY(60px);opacity:0;transition:all .22s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.toast.err{border-color:var(--danger);color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}