*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:#1e1e1e;color:#d4d4d4;height:100vh}.topbar{background:#2d2d2d;padding:10px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #3e3e3e}.topbar h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#aaa;margin-right:auto}.btn-new-file{background:#0e639c;color:#fff;border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:13px}.btn-new-file:hover{background:#17b}.btn-new-folder{background:#3a3d41;color:#d4d4d4;border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:13px}.btn-new-folder:hover{background:#505356}.tree{padding:6px 0}.row{display:flex;align-items:center;height:24px;padding-right:8px;cursor:pointer}.row:hover{background:#2a2d2e}.row:hover .actions{display:flex}.indent{flex-shrink:0}.arrow{width:16px;font-size:10px;color:#888;flex-shrink:0;transition:transform .15s}.arrow.open{transform:rotate(90deg)}.icon{margin-right:5px;font-size:14px}.name{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rename-input{flex:1;background:#3c3c3c;border:1px solid #0e639c;color:#fff;font-size:13px;padding:1px 5px;border-radius:2px;outline:none}.actions{display:none;gap:4px;margin-left:6px}.btn-rename{font-size:11px;padding:1px 6px;background:transparent;border:1px solid #555;color:#aaa;border-radius:3px;cursor:pointer}.btn-rename:hover{background:#3a3d41;color:#fff}.btn-delete{font-size:11px;padding:1px 6px;background:transparent;border:1px solid #555;color:#aaa;border-radius:3px;cursor:pointer}.btn-delete:hover{background:#c72e2e;color:#fff;border-color:#c72e2e}.new-item-row{display:flex;align-items:center;height:24px}.new-item-input{flex:1;background:#3c3c3c;border:1px solid #0e639c;color:#fff;font-size:13px;padding:1px 6px;border-radius:2px;outline:none;margin-left:4px}.empty{padding:24px 16px;color:#666;font-size:13px;text-align:center}