:root{--ink:#0f2235;--ink-2:#334155;--ink-3:#64748b;--line:#d5dce5;--band:#e3e9f1;--paper:#fff;--paper-2:#f6f8fb;--hover:#f1f5f9;--selected:#dce7f5;--link:#1d4ed8;--ok:#0f766e;--warn:#b91c1c;--notice:#2dd4bf}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:10.5px;line-height:1.35}a,.linkish{color:var(--link);cursor:pointer;text-decoration:none}a:hover,.linkish:hover{text-decoration:underline}button.text{font:inherit;color:var(--link);cursor:pointer;white-space:nowrap;background:0 0;border:0;margin:0;padding:0}button.text:hover{text-decoration:underline}input,button,select{font:inherit;color:inherit}.tree-row{white-space:nowrap;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;height:20px;padding-right:6px;display:flex;overflow:hidden}.tree-row:hover{background:var(--hover)}.tree-row.selected{background:var(--selected)}.tree-row.drop{box-shadow:inset 0 0 0 1.5px var(--notice)}table.list tbody tr.drop td{box-shadow:inset 0 1.5px 0 var(--notice), inset 0 -1.5px 0 var(--notice)}.tree-twisty{width:12px;height:12px;color:var(--ink-3);flex:0 0 12px;justify-content:center;align-items:center;font-size:8px;display:inline-flex}.tree-label{text-overflow:ellipsis;overflow:hidden}table.list{border-collapse:collapse;table-layout:fixed;width:100%}table.list thead th{background:var(--band);color:var(--ink-2);text-transform:uppercase;letter-spacing:.02em;text-align:left;border-bottom:1px solid var(--line);cursor:default;-webkit-user-select:none;user-select:none;padding:5px 8px;font-size:9px;font-weight:700;position:sticky;top:0}table.list thead th.sortable:hover{color:var(--ink)}table.list tbody td{white-space:nowrap;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;user-select:none;border-bottom:1px solid #eef2f7;padding:4px 8px;overflow:hidden}table.list tbody tr:hover td{background:var(--hover)}table.list tbody tr.selected td{background:var(--selected)}table.list td.num{text-align:right;color:var(--ink-2)}table.list td.dim{color:var(--ink-3)}.mark{vertical-align:-2px;width:12px;height:12px;color:var(--ink-3);margin-right:6px;display:inline-block}@media (max-width:800px){.preview-side{display:none}}.menu-item{cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:3px 12px}.menu-item:hover{background:var(--selected)}.menu-item.disabled{color:var(--ink-3)}.menu-item.disabled:hover{background:0 0}.menu-item.danger{color:var(--warn)}input.rename{height:18px;font:inherit;background:#fff;border:1px solid #94a3b8;border-radius:2px;outline:none;width:100%;max-width:420px;padding:0 4px}.toolbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:flex-end;align-items:center;gap:14px;height:22px;padding:0 8px;display:flex}table.sheet{border-collapse:collapse;table-layout:auto;font-size:10px}table.sheet th,table.sheet td{white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:220px;color:var(--ink);border:1px solid #e3e8ef;padding:2px 6px;font-weight:400;overflow:hidden}table.sheet thead th{background:var(--band);color:var(--ink-2);text-align:center;z-index:1;font-size:9px;font-weight:700;position:sticky;top:0}table.sheet .rn{background:var(--band);color:var(--ink-3);text-align:right;min-width:28px;font-size:9px;position:sticky;left:0}table.sheet thead th.rn{z-index:2}.field{border:1px solid var(--line);background:var(--paper);border-radius:2px;outline:none;height:22px;padding:0 6px}.field:focus{border-color:#94a3b8}.btn{border:1px solid var(--line);background:var(--paper-2);cursor:pointer;border-radius:2px;height:22px;padding:0 9px}.btn:hover{background:var(--hover)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:#1e3a5f}.warn{color:var(--warn)}.ok{color:var(--ok)}.dim{color:var(--ink-3)}