:root{--bg: #f7f7f8;--panel: #fff;--text: #1d1d1f;--muted: #6b6b70;--border: #d9d9de;--accent: #1d4ed8;--accent-weak: rgba(29, 78, 216, .22);--danger: #b42318;--warn-bg: #fff4e5;--err-bg: #fdecea;font-family:system-ui,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}app-root{display:block}button{font:inherit;padding:4px 10px;border:1px solid var(--border);background:var(--panel);border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.muted{color:var(--muted)}.tag{font-size:11px;padding:1px 6px;border-radius:8px;background:#ececf0;color:var(--muted);margin-left:4px;font-weight:400}.tag.changed{background:#e0e7ff;color:var(--accent)}.tag.differs{background:#fef3c7;color:#92400e}.top-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.top-bar .spacer{flex:1}.top-bar .file .muted{margin-left:6px}.banner{padding:8px 12px;display:flex;gap:12px;align-items:center}.banner.error{background:var(--err-bg);color:var(--danger)}.banner.notice{background:var(--warn-bg)}.empty{padding:64px;text-align:center}.workspace{display:flex;min-height:calc(100vh - 50px)}app-table-list{display:flex;flex:none}.table-list{width:270px;flex:none;background:var(--panel);border-right:1px solid var(--border);padding:8px;overflow-y:auto}.table-list h3{font-size:11px;text-transform:uppercase;color:var(--muted);margin:12px 4px 4px}.table-list ul{list-style:none;margin:0;padding:0}.table-list li button{width:100%;text-align:left;border:none;background:none;padding:6px}.table-list li button.active{background:var(--accent-weak);color:var(--text);font-weight:400}main{flex:1;min-width:0;padding:12px 16px;overflow:auto}.table-view h2{margin:0 0 4px;font-size:18px}.controls,.ops,.surface-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0}.ops input{font:inherit;padding:3px 6px}.ops .sep{width:1px;height:20px;background:var(--border)}app-grid-view{display:block;outline:none;overflow-x:auto}table.grid{border-collapse:collapse;font:12px ui-monospace,monospace;-webkit-user-select:none;user-select:none}table.grid th,table.grid td{border:1px solid #fff;padding:2px 4px;text-align:right;min-width:44px;height:22px;white-space:nowrap}table.grid th.axis,table.grid th.corner{background:#e9e9ee}table.grid th.axis{cursor:text}table.grid th.corner{color:var(--muted);font-weight:400}table.grid th.axis.changed{box-shadow:inset 0 0 0 2px var(--text)}table.grid td{cursor:cell}table.grid td.changed{box-shadow:inset 0 0 0 2px var(--text);font-weight:700}table.grid td.selected{background-image:linear-gradient(var(--accent-weak),var(--accent-weak))}table.grid td.focus{outline:2px solid var(--accent);outline-offset:-2px}.cell-editor{width:64px;font:inherit;text-align:right;padding:0 2px}.cell-editor.invalid{border-color:var(--danger);background:var(--err-bg)}.surface{width:100%;height:600px}table.raw{border-collapse:collapse;font:12px ui-monospace,monospace}table.raw th,table.raw td{padding:1px 6px;text-align:right;border-bottom:1px solid #eee}table.raw th{color:var(--muted);font-weight:400}.backdrop{position:fixed;inset:0;background:#00000059;display:grid;place-items:center}.dialog{background:var(--panel);border-radius:8px;padding:16px 20px;min-width:420px;max-width:720px;max-height:80vh;overflow:auto}.dialog table.summary{border-collapse:collapse;width:100%;margin:8px 0}.dialog table.summary th,.dialog table.summary td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--border)}.warning{background:var(--warn-bg);padding:8px;border-radius:4px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}