@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&family=Share+Tech+Mono&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0: #0a0e14;--bg1: #0d1117;--bg2: #161b22;--bg3: #1c2128;--bg4: #21262d;--border: #30363d;--border-light: #21262d;--text0: #e6edf3;--text1: #8b949e;--text2: #484f58;--accent: #7fff7f;--accent-dim: #3fb35f;--accent-dark: #1a3a1a;--red: #f85149;--orange: #e3b341;--blue: #58a6ff;--font-mono: "JetBrains Mono", "Share Tech Mono", monospace;--sidebar-w: 240px;--topbar-h: 34px;--tabbar-h: 32px}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-mono);font-size:12px;background:var(--bg0);color:var(--text0);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border)}.login-root{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg0);background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,var(--bg2) 39px,var(--bg2) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--bg2) 39px,var(--bg2) 40px)}.login-card{background:var(--bg1);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:6px;padding:32px 40px;width:340px;box-shadow:0 20px 60px #0009}.login-logo{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.login-logo-cc{font-size:28px;font-weight:600;color:var(--accent);letter-spacing:-1px}.login-logo-editor{font-size:14px;color:var(--text1);letter-spacing:2px;text-transform:uppercase}.login-sub{font-size:11px;color:var(--text2);margin-bottom:28px;letter-spacing:.5px}.login-form{display:flex;flex-direction:column;gap:14px}.login-form label{display:flex;flex-direction:column;gap:5px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text1)}.login-form input{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:8px 10px;color:var(--text0);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color .15s}.login-form input:focus{border-color:var(--accent-dim)}.login-error{font-size:11px;color:var(--red);padding:6px 8px;background:#f851491a;border-radius:4px;border:1px solid rgba(248,81,73,.2)}.login-btn{margin-top:4px;background:var(--accent-dark);border:1px solid var(--accent-dim);color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:500;padding:9px;border-radius:4px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:background .15s,border-color .15s}.login-btn:hover:not(:disabled){background:#1f4a1f;border-color:var(--accent)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.editor-root{display:flex;flex-direction:column;height:100%;overflow:hidden}.topbar{display:flex;align-items:center;height:var(--topbar-h);background:var(--bg1);border-bottom:1px solid var(--border);padding:0 10px;flex-shrink:0;gap:12px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.topbar-center{flex:1;display:flex;justify-content:center}.topbar-logo{display:flex;align-items:center;gap:6px;color:var(--accent);font-weight:500;font-size:12px;letter-spacing:1px}.topbar-btn{display:flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border);color:var(--text1);font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:3px;cursor:pointer;transition:color .15s,border-color .15s}.topbar-btn:hover:not(:disabled){color:var(--text0);border-color:var(--text1)}.topbar-btn:disabled{opacity:.35;cursor:not-allowed}.topbar-user{font-size:11px;color:var(--text2);letter-spacing:.5px}.status-msg{font-size:11px;color:var(--accent-dim);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.editor-body{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg1);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px;font-size:10px;color:var(--text2);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid var(--border-light);position:sticky;top:0;background:var(--bg1);z-index:1}.sidebar-title{font-weight:600}.computer-section{border-bottom:1px solid var(--border-light)}.computer-header{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;color:var(--text1);font-size:11px;transition:background .1s;-webkit-user-select:none;user-select:none;position:relative}.computer-header:hover{background:var(--bg3)}.computer-header.active{background:var(--bg3);color:var(--accent)}.computer-alias{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.computer-path{font-size:10px;color:var(--text2);flex-shrink:0}.computer-actions{display:none;align-items:center;gap:2px;position:absolute;right:6px;background:var(--bg3)}.computer-header:hover .computer-actions{display:flex}.tree-root{padding:2px 0}.tree-node{display:flex;align-items:center;gap:3px;padding:2px 6px 2px 0;cursor:pointer;color:var(--text1);font-size:11.5px;border-left:2px solid transparent;transition:background .08s,color .08s;white-space:nowrap;overflow:hidden}.tree-node:hover{background:var(--bg3);color:var(--text0)}.tree-file:hover{border-left-color:var(--accent-dim)}.tree-icon{width:14px;flex-shrink:0;color:var(--text2);display:flex;align-items:center;justify-content:center}.tree-file-icon{flex-shrink:0;color:var(--text2);display:flex;align-items:center}.tree-node:hover .tree-file-icon{color:var(--accent-dim)}.tree-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tree-size{font-size:9px;color:var(--text2);flex-shrink:0;padding-right:6px}.tree-loading,.tree-empty{padding:8px 14px;font-size:10px;color:var(--text2);font-style:italic}.icon-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text2);cursor:pointer;padding:3px;border-radius:3px;transition:color .1s,background .1s}.icon-btn:hover{color:var(--text0);background:var(--bg4)}.icon-btn.danger:hover{color:var(--red)}.context-menu{position:fixed;z-index:100;background:var(--bg2);border:1px solid var(--border);border-radius:5px;padding:4px 0;min-width:140px;box-shadow:0 8px 30px #00000080}.context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 14px;background:transparent;border:none;color:var(--text0);font-family:var(--font-mono);font-size:11px;cursor:pointer;text-align:left;transition:background .1s}.context-menu button:hover{background:var(--bg4)}.context-menu button.danger{color:var(--red)}.tabbar{display:flex;align-items:center;height:var(--tabbar-h);background:var(--bg0);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:6px;padding:0 10px 0 12px;height:100%;border-right:1px solid var(--border);cursor:pointer;color:var(--text2);font-size:11px;white-space:nowrap;min-width:80px;max-width:160px;background:var(--bg0);border-bottom:2px solid transparent;transition:color .1s;position:relative;-webkit-user-select:none;user-select:none}.tab:hover{color:var(--text1)}.tab.active{color:var(--text0);background:var(--bg1);border-bottom-color:var(--accent)}.tab.dirty .tab-label{font-style:italic}.tab-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tab-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0}.tab-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text2);cursor:pointer;padding:2px;border-radius:2px;opacity:0;transition:opacity .1s,color .1s}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close:hover{color:var(--red)}.editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg0)}.editor-area{flex:1;overflow:hidden}.editor-cm-container{height:100%;overflow:hidden}.editor-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text2);-webkit-user-select:none;user-select:none}.editor-empty p{font-size:13px;color:var(--text2)}.editor-empty-hint{font-size:10px!important;color:var(--text2);opacity:.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg2);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:6px;padding:0;width:360px;box-shadow:0 20px 60px #000000b3}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:12px;font-weight:500;color:var(--text0);border-bottom:1px solid var(--border);letter-spacing:.5px}.modal-form{display:flex;flex-direction:column;gap:14px;padding:16px}.modal-form label{display:flex;flex-direction:column;gap:5px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text1)}.modal-form input{background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:7px 10px;color:var(--text0);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color .15s}.modal-form input:focus{border-color:var(--accent-dim)}.field-hint{font-size:9px;color:var(--text2);text-transform:none;letter-spacing:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.btn-primary{background:var(--accent-dark);border:1px solid var(--accent-dim);color:var(--accent);font-family:var(--font-mono);font-size:11px;padding:6px 16px;border-radius:4px;cursor:pointer;letter-spacing:.5px;transition:background .15s}.btn-primary:hover{background:#1f4a1f}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text1);font-family:var(--font-mono);font-size:11px;padding:6px 16px;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--text1);color:var(--text0)}