:root{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}#app{display:flex;flex-direction:column;height:100%}.menubar{height:32px;background:#2a2a2a;display:flex;align-items:center;padding:0 4px;font-size:12px;-webkit-user-select:none;user-select:none;position:relative;z-index:100}#tab-container{display:flex;overflow-x:auto;flex:1;height:100%;scrollbar-width:none;margin-left:60px}#tab-container::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;padding:0 16px;height:28px;margin-top:4px;color:#888;cursor:pointer;max-width:160px;min-width:80px;font-size:11px;position:relative;background:transparent;border-radius:8px 8px 0 0;transition:background .2s,color .2s;white-space:nowrap;box-sizing:border-box}.tab:hover{background:#2d2d2d;color:#ddd}.tab.active{background:#3c3c3c;color:#fff}.tab-name{flex:1;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.tab-close{margin-left:8px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;opacity:.3;transition:opacity .2s,background .2s}.tab-close:hover{background:#ffffff1a;opacity:1}.tab:hover .tab-close{opacity:.6}.tab.active .tab-close{opacity:.8}.menu-item,.menu-label{padding:1px 8px;cursor:pointer;border-radius:3px}.menu-item:hover,.menu-group:hover .menu-label,.menu-group.active .menu-label{background:#3c3c3c}.menu-group{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#2a2a2a;border:1px solid #444;box-shadow:0 4px 12px #00000080;min-width:250px;z-index:1000;padding:4px 0;border-radius:0 0 4px 4px}.menu-group.active .dropdown-menu{display:block}.dropdown-item{padding:2px 12px;cursor:pointer;color:#ddd;display:flex;justify-content:space-between;align-items:center;gap:24px}.dropdown-item:hover{background:#0078d4;color:#fff}.shortcut{color:#888;font-size:11px}.dropdown-item:hover .shortcut{color:#fff}#file-info{position:absolute;left:50%;transform:translate(-50%);color:#888;font-size:11px;pointer-events:none}.toolbar{height:32px;background:#3c3c3c;display:flex;align-items:center;padding:0 8px;border-bottom:1px solid #222}.toolbar-divider{width:1px;height:20px;background:#444;margin:0 8px}.tool-button{background:transparent;border:none;color:#ccc;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:background .2s,color .2s;padding:0}.tool-button:hover{background:#444;color:#fff}.tool-button:disabled{opacity:.3;cursor:default;pointer-events:none}.tool-button svg{pointer-events:none}.formula-bar{flex:1;display:flex;align-items:center;background:#252525;border:1px solid #444;height:24px;border-radius:3px;overflow:hidden;margin-left:4px}#toolbar-input{flex:1;background:transparent;border:none;color:#eee;padding:0 8px;font-size:12px;outline:none;height:100%;font-family:inherit}#toolbar-input::placeholder{color:#555}.editor-container{flex:1;display:flex;flex-direction:row;overflow:hidden}.panel{height:100%;overflow:auto}#tree-panel{width:300px;border-right:1px solid #333;min-width:150px;background:#252525}#resizer{width:4px;background:#333;cursor:col-resize;transition:background .2s}#resizer:hover{background:#0078d4}#grid-panel{flex:1;min-width:300px;background:#1e1e1e}#tree-container{padding:10px;font-family:monospace;font-size:12px}.tree-node{white-space:nowrap;cursor:pointer;padding:0 4px;border-radius:3px;display:flex;align-items:center;height:22px}.tree-node:hover{background:#333}.tree-node.selected{background-color:#333}.tree-indent{display:inline-block;width:16px;height:100%;border-left:1px solid rgba(255,255,255,.15);vertical-align:middle;flex-shrink:0}.tree-key{color:#77c4ff;cursor:pointer;font-weight:500}.tree-key:hover{text-decoration:underline}.tree-value{color:#eee}.tree-info{color:#6a9955;font-style:italic}.toggle-icon{display:inline-block;width:16px;text-align:center}#grid-container{width:100%}.grid-table{border-collapse:collapse;font-size:12px;width:auto;table-layout:fixed}.grid-table th{background:#2d2d2d;position:sticky;top:0;z-index:10;border:1px solid #444;padding:4px 8px;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;min-width:0;min-height:23px;height:23px;box-sizing:border-box;font-weight:600;letter-spacing:.02em}.grid-table th.header-drag-over{background:#383838}.grid-table th.header-drag-over-left{border-left:2px solid #0078d4}.grid-table th.header-drag-over-right{border-right:2px solid #0078d4}.header-bar{position:absolute;top:0;left:0;width:100%;height:3px;z-index:5}.grid-toggle{position:absolute;bottom:-3px;left:0;width:100%;height:12px;line-height:12px;text-align:center;cursor:pointer;color:#fff;font-size:11px;z-index:2;opacity:.7}.grid-toggle:hover{opacity:1;background:#ffffff26}.cell-object{color:#888;font-style:italic;font-family:monospace}.th-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-height:1.2em}.header-edit-input{width:100%;box-sizing:border-box;background:#444;color:#fff;border:1px solid #0078d4;padding:0 4px;font-size:12px;outline:none;font-weight:400}.grid-table thead tr:nth-child(2) th{top:26px}.col-resize-handle{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;z-index:100;bottom:0;background:transparent}.col-resize-handle:hover{background:#0078d480}.grid-table td{border:1px solid #333;padding:1px 8px;min-width:0;height:22px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-table td.cell-wrap{white-space:normal;overflow:visible;word-break:break-all;height:auto;min-height:22px}.grid-row.dragging{opacity:.5;background:#333}.grid-row.drag-over-top{border-top:2px solid #0078d4}.grid-row.drag-over-bottom{border-bottom:2px solid #0078d4}.grid-row{transition:background .1s ease}.grid-row-even{background:#ffffff05}.grid-row:hover{background:#2a2a2a}.grid-cell.selected{outline:2px solid #0078d4;outline-offset:-2px;background:#263545;z-index:5}.grid-cell.range-selected{background:#0078d433}.grid-index{background:#2d2d2d!important;color:#ccc;border:1px solid #444!important;text-align:center;width:40px!important;min-width:40px!important;padding:0 4px!important;-webkit-user-select:none;user-select:none;font-size:11px;white-space:nowrap}.grid-cell.has-bar{position:relative;z-index:0}.data-bar{position:absolute;top:0;left:0;height:100%;z-index:-1;opacity:1;transition:width .3s ease}.grid-cell input{width:100%;background:transparent;color:#fff;border:none;outline:none;font-family:inherit;font-size:inherit}.context-menu{position:absolute;background:#2a2a2a;border:1px solid #444;box-shadow:0 4px 12px #00000080;min-width:160px;z-index:2000;padding:4px 0;border-radius:4px}.context-menu-item{padding:8px 16px;cursor:pointer;color:#ddd;font-size:12px;transition:background .2s}.context-menu-item:hover{background:#0078d4;color:#fff}.menu-divider{height:1px;background:#444;margin:4px 0}.drop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s}.drop-overlay.active{opacity:1;pointer-events:auto}.drop-message{color:#fff;font-size:24px;border:4px dashed #666;padding:40px;border-radius:12px;background:#282828e6}