:root{color:#18212f;background:#f4f6f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{height:30px;border:1px solid #c9d2df;border-radius:5px;background:#fff;color:#263345;padding:0 10px;font-size:12px;font-weight:650;cursor:pointer}button:hover{border-color:#8da1bf;background:#f7faff}button:active{transform:translateY(1px)}button:disabled{background:#eef2f7;color:#9aa8ba;border-color:#d5dde8;cursor:not-allowed;transform:none}.app{display:grid;grid-template-rows:58px 40px minmax(0,1fr) 28px;width:100%;height:100%;color:#18212f}.app.is-drag-over:after{content:"Drop CSV file to open";position:fixed;inset:12px;z-index:20;display:grid;place-items:center;border:2px dashed #2f74d0;border-radius:8px;background:#eef6ffdb;color:#174b90;font-size:18px;font-weight:750;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;min-width:0;border-bottom:1px solid #d8e0ea;background:#fbfcfe;padding:8px 12px;gap:16px}.brand{display:flex;align-items:center;min-width:210px;gap:10px}.brand h1{margin:0;color:#162033;font-size:17px;line-height:1.1;font-weight:800;letter-spacing:0}.brand p{margin:3px 0 0;max-width:240px;overflow:hidden;color:#69778b;font-size:12px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#1f7a4d;color:#fff;font-size:17px;font-weight:850}.toolbar{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-width:0;gap:5px;overflow:hidden;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar-button{display:inline-grid;position:relative;place-items:center;width:34px;min-width:34px;flex:0 0 34px;height:32px;padding:0;border-radius:4px;color:#263345;transform:none}.toolbar-button:hover:not(:disabled){background:#eef6ff;color:#162033}.toolbar-button:active{transform:none}.toolbar-button:focus-visible{outline:2px solid #7db0eb;outline-offset:-2px}.context-actions{display:grid;grid-template-columns:repeat(4,34px);gap:5px;width:151px;min-width:151px;flex:0 0 151px}.toolbar-icon{display:block;width:22px;height:22px;overflow:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{width:1px;height:22px;margin:0 3px;background:#d8e0ea;flex:0 0 auto}.delimiter-control{display:inline-flex;align-items:center;flex:0 0 auto}.delimiter-control select{width:122px;height:32px;border:1px solid #c9d2df;border-radius:4px;background:#fff;color:#263345;padding:0 28px 0 8px;font-size:12px;font-weight:650}.formula-bar{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;border-bottom:1px solid #d8e0ea;background:#eef3f8;padding:5px 8px;gap:8px}.formula-bar input{width:100%;height:28px;border:1px solid #c7d0dd;border-radius:4px;background:#fff;color:#172234;padding:0 9px;font-size:13px}.formula-bar input:focus{border-color:#2777cc;outline:2px solid rgba(39,119,204,.16)}.name-box{display:grid;place-items:center;width:100%;height:28px;border:1px solid #c7d0dd;border-radius:4px;background:#fff;color:#334158;font-size:12px;font-weight:750}.sheet-frame{position:relative;min-height:0;overflow:hidden;outline:none;background:linear-gradient(#fff,#fff) padding-box,#fff}.sheet{position:absolute;inset:30px 0 0 56px;overflow:auto;outline:none;scrollbar-color:#a9b5c5 #edf1f6;scrollbar-width:auto}.column-header-layer{position:absolute;top:0;right:0;left:0;z-index:6;height:30px;overflow:hidden;background:#e7edf5}.row-header-layer{position:absolute;top:30px;bottom:0;left:0;z-index:5;width:56px;overflow:hidden;background:#e7edf5}.sheet-size{position:absolute;inset:0 auto auto 0}.corner,.column-header,.row-header,.cell{position:absolute;top:0;left:0}.corner{z-index:8;width:56px;height:30px;border-right:1px solid #bbc8d9;border-bottom:1px solid #bbc8d9;background:#e7edf5}.column-header,.row-header{display:flex;align-items:center;justify-content:center;color:#46566e;background:#e7edf5;font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none}.column-header{z-index:6;height:30px;border-right:1px solid #bbc8d9;border-bottom:1px solid #bbc8d9}.row-header{z-index:5;width:56px;height:28px;border-right:1px solid #bbc8d9;border-bottom:1px solid #dce3ec}.resize-handle{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize}.cell{z-index:1;display:flex;align-items:center;height:28px;min-width:0;border-right:1px solid #e2e7ef;border-bottom:1px solid #e2e7ef;background:#fff;color:#172234;padding:0 7px;font-size:13px;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.cell.is-selected{background:#eaf3ff}.cell.is-active{z-index:4;box-shadow:inset 0 0 0 2px #2174d7}.cell-editor{position:absolute;inset:1px;z-index:8;width:calc(100% - 2px);height:calc(100% - 2px);border:2px solid #2174d7;border-radius:0;outline:none;background:#fff;color:#172234;padding:0 6px;font-size:13px;line-height:24px}.statusbar{display:flex;align-items:center;gap:18px;border-top:1px solid #d8e0ea;background:#fbfcfe;color:#5c6b80;padding:0 10px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden}.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}@media(max-width:780px){.app{grid-template-rows:92px 40px minmax(0,1fr) 28px}.topbar{align-items:stretch;flex-direction:column;gap:8px}.brand{min-width:0}.toolbar{justify-content:flex-start;overflow-x:auto}button{flex:0 0 auto}}