:root{--border: #e0e2e6;--gridline: #ebecee;--header-bg: #f8f9fa;--header-text: #5f6368;--accent: #1a73e9;--accent-soft: rgba(26, 115, 233, .1);--text: #202124;--text-muted: #5f6368;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;background:#fff}.toolbar{display:flex;align-items:center;gap:2px;padding:6px 12px;border-bottom:1px solid var(--border);background:#f9fafb;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.brand{font-size:14px;font-weight:600;color:var(--text);margin-right:6px;letter-spacing:.2px}.brand-mark{color:var(--accent);margin-right:2px}.tb-sep{width:1px;height:20px;background:var(--border);margin:0 7px;flex:none}.tb-btn{min-width:28px;height:28px;padding:0 7px;border:none;border-radius:6px;background:transparent;color:#3c4043;font-family:var(--font);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:background .08s ease}.tb-btn:hover:not(:disabled){background:#e8eaed}.tb-btn:active:not(:disabled){background:#dadce0}.tb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.tb-btn.active{background:#d3e3fd;color:#0b57d0}.tb-btn:disabled{opacity:.35;cursor:default}.tb-bold{font-weight:700}.tb-italic{font-style:italic;font-family:Georgia,serif}.tb-text{font-size:12px;padding:0 10px}.tb-select{height:28px;border:1px solid #dadce0;border-radius:6px;background:#fff;font-family:var(--font);font-size:12px;color:var(--text);padding:0 6px;cursor:pointer}.tb-select:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.tb-color{position:relative;width:32px;height:28px;border-radius:6px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer}.tb-color:hover{background:#e8eaed}.tb-color-label{font-size:12px;font-weight:700;line-height:1;color:#3c4043}.fill-label{width:13px;height:9px;border:1px solid #80868b;border-radius:2px;background:linear-gradient(135deg,transparent 45%,#80868b 45%)}.tb-color-bar{width:16px;height:3px;border-radius:1px}.tb-color input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border:none;padding:0}.formula-bar{display:flex;align-items:stretch;height:32px;border-bottom:1px solid var(--border);background:#fff}.name-box{width:100px;flex:none;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border);font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.fx-label{width:34px;flex:none;display:flex;align-items:center;justify-content:center;color:#9aa0a6;font-family:Georgia,Times New Roman,serif;font-size:13px;border-right:1px solid var(--border);-webkit-user-select:none;user-select:none}.formula-input{flex:1;min-width:0;border:none;outline:none;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--text);background:#fff}.formula-input:focus{background:#fbfcfe;box-shadow:inset 0 0 0 2px var(--accent-soft)}.grid-root{flex:1;position:relative;min-height:0}.scroller{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;outline:none;background:#fff}.canvas{position:relative}.cell{position:absolute;top:0;left:0;border-right:1px solid var(--gridline);border-bottom:1px solid var(--gridline);padding:0 6px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:cell;-webkit-user-select:none;user-select:none;color:var(--text)}.header{position:absolute;top:0;left:0;background:var(--header-bg);color:var(--header-text);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;z-index:5;font-variant-numeric:tabular-nums}.col-header,.row-header{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.col-header:hover,.row-header:hover{background:#eef1f5;color:var(--text)}.corner{z-index:7;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer}.corner:hover{background:#eef1f5}.resize-handle{position:absolute;z-index:6}.col-resize-handle{right:-3px;top:0;width:7px;height:100%;cursor:col-resize}.col-resize-handle:after{content:"";position:absolute;right:3px;top:0;bottom:0;width:2px;background:transparent}.col-resize-handle:hover:after{background:var(--accent)}.row-resize-handle{left:0;bottom:-3px;height:7px;width:100%;cursor:row-resize}.row-resize-handle:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:transparent}.row-resize-handle:hover:after{background:var(--accent)}.sel-range{position:absolute;top:0;left:0;background:var(--accent-soft);pointer-events:none;z-index:2}.active-border{position:absolute;top:0;left:0;border:2px solid var(--accent);pointer-events:none;z-index:3}.fill-handle{position:absolute;top:0;left:0;width:7px;height:7px;background:var(--accent);border:1px solid #fff;cursor:crosshair;z-index:4}.cut-border{position:absolute;top:0;left:0;border:1.5px dashed var(--accent);pointer-events:none;z-index:3}.fill-preview{position:absolute;top:0;left:0;border:1px dashed var(--accent);background:#1a73e90d;pointer-events:none;z-index:2}.editor{position:absolute;top:0;left:0;z-index:8;border:2px solid var(--accent);border-radius:1px;background:#fff;padding:0 4px;margin:0;font-family:var(--font);font-size:13px;color:var(--text);outline:none;box-shadow:0 1px 5px #0000002e;font-variant-numeric:tabular-nums}.status-bar{height:28px;flex:none;border-top:1px solid var(--border);background:#f9fafb;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:12px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.status-right{display:flex;align-items:center;gap:18px;font-variant-numeric:tabular-nums}.stat-label{color:#9aa0a6;margin-right:4px}.stat-span{color:#9aa0a6}