:root{font-family:Segoe UI,Arial,sans-serif;color:#1c2924;background:#fff;font-size:13px;color-scheme:light}*{box-sizing:border-box}body{margin:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid #dce4df;min-height:42px}#name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#summary{color:#63716a;font-size:12px;flex:1;white-space:nowrap}.badge{border-radius:5px;background:#eaf5ed;color:#21643e;padding:3px 7px;white-space:nowrap}#formula{display:flex;align-items:center;min-height:34px;border-bottom:1px solid #dce4df}#address{width:76px;text-align:center;font-weight:600;flex-shrink:0}#value{width:100%;border:0;border-left:1px solid #dce4df;padding:7px 12px;outline-offset:-2px;background:transparent;color:inherit}#viewport{flex:1;min-height:0;overflow:auto;position:relative;outline-offset:-2px}#canvas{position:relative}.cell,.heading{position:absolute;height:26px;padding:4px 7px;border-right:1px solid #e4e9e6;border-bottom:1px solid #e4e9e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell{background:white;cursor:cell}.cell.selected{background:#edf8f0;box-shadow:inset 0 0 0 2px #27834e}.missing{color:#996921;font-style:italic}.heading{z-index:2;background:#f2f5f3;text-align:center;font-size:12px;color:#5b6b61;user-select:none}.corner{z-index:3}#sheets{display:flex;gap:4px;padding:6px 10px;background:#f7faf8;border-top:1px solid #dce4df;overflow-x:auto;flex-shrink:0;min-height:40px}button{font:inherit;border:1px solid #d6dfd9;border-radius:4px;padding:5px 12px;background:white;color:inherit;cursor:pointer;white-space:nowrap}button[aria-pressed=true]{background:#e6f3e9;color:#21643e;border-color:#27834e}button:focus-visible{outline:2px solid #27834e;outline-offset:1px}footer{font-size:11px;color:#6c766f;padding:5px 12px;border-top:1px solid #edf0ee}#status{position:absolute;inset:42px 0 0;background:#fffffff5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;z-index:4}[hidden]{display:none!important}.compact header{padding:7px 9px;gap:6px}.compact #summary,.compact #formula,.compact footer{display:none}.compact #sheets{min-height:34px;padding:3px 6px}.compact #sheets button{padding:3px 8px;font-size:12px}.compact .cell{pointer-events:none}.compact #viewport{user-select:none}
