:root{--bg-window:#f2f2f4;--bg:#fff;--bg-sub:#f7f7f8;--bg-hover:#0000000d;--bg-active:#00000014;--fg:#1f2328;--fg-muted:#6b7079;--border:#e2e2e6;--accent:#2f6fde;--accent-fg:#fff;--danger:#c93c37;--warn-bg:#fff6dc;--warn-fg:#6b4b00;--warn-border:#f1dc9c;--selection:#cfe0fb;--active-line:#f5f6f8;--search-match:#fde68a;--search-match-selected:#f59e0b80;--syn-heading:#1d4ed8;--syn-link:#0e7490;--syn-code:#b4235a;--syn-list:#9333ea;--scrollbar:#0003;--shadow-float:0 8px 28px #0000001f, 0 1px 3px #00000014;--shadow-surface:0 1px 2px #0000000a;--radius:8px;--radius-sm:5px;--gap:6px;--font-ui:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Noto Sans Mono CJK JP", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg-window:#17181b;--bg:#1f2024;--bg-sub:#25262b;--bg-hover:#ffffff0f;--bg-active:#ffffff1a;--fg:#d8dade;--fg-muted:#8c929b;--border:#2f3136;--accent:#5b8ff9;--accent-fg:#fff;--danger:#f0716b;--warn-bg:#3a3116;--warn-fg:#f3d58a;--warn-border:#5a4a1c;--selection:#2f4469;--active-line:#25272c;--search-match:#5c4a12;--search-match-selected:#a1761a;--syn-heading:#8ab4ff;--syn-link:#5ec4d6;--syn-code:#f08bb3;--syn-list:#c79bff;--scrollbar:#fff3;--shadow-float:0 8px 28px #00000080, 0 1px 3px #0006;--shadow-surface:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-window);color:var(--fg);font:14px/1.5 var(--font-ui);scrollbar-color:var(--scrollbar) transparent;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}button{font:inherit;color:inherit;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;padding:3px 8px}button:hover{background:var(--bg-hover)}button:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.icon{flex:none;display:block}button.primary{background:var(--accent);color:var(--accent-fg);border-radius:6px;align-items:center;gap:6px;padding:6px 16px;display:inline-flex}button.primary:hover{background:color-mix(in srgb, var(--accent) 88%, black)}button.primary:focus-visible{outline-offset:2px}.ghost-button{color:var(--fg-muted);align-items:center;gap:6px;display:inline-flex}.ghost-button:hover{color:var(--fg)}.icon-button{width:24px;height:24px;color:var(--fg-muted);place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--fg)}.icon-button[aria-pressed=true]{color:var(--fg);background:var(--bg-active)}.app{flex-direction:column;height:100%;display:flex}.center-screen{text-align:center;max-width:440px;margin:auto;padding:24px}.center-screen h1{margin:0 0 4px;font-size:22px;font-weight:600}.center-screen p{color:var(--fg-muted);margin:0 0 20px}.welcome-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-float);border-radius:12px;padding:32px 40px}.toolbar{height:40px;padding:0 var(--gap);flex:none;align-items:center;gap:4px;display:flex}.status-spacer{flex:1}.panels{min-height:0;padding:0 var(--gap);flex:1}.separator{width:var(--gap);background:0 0;border-radius:2px;outline:none}.separator:hover,.separator[data-separator=active],.separator:focus-visible{background:linear-gradient(var(--accent), var(--accent)) center / 2px 100% no-repeat}.tree,.editor-pane{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);height:100%;box-shadow:var(--shadow-surface);overflow:hidden}.tree{flex-direction:column;display:flex}.tree-header{flex:none;align-items:center;gap:2px;height:38px;padding:0 6px 0 14px;display:flex}.tree-root{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.tree-body{flex:1;padding:0 0 6px;overflow:auto}.tree-row{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:2px;height:26px;margin:0 6px;padding-right:2px;display:flex}.tree-row:hover{background:var(--bg-hover)}.tree-row.selected{background:var(--bg-active)}.tree-row.active .tree-name{font-weight:600}.tree-row.binary{color:var(--fg-muted);opacity:.6;cursor:default}.tree-icon{width:16px;color:var(--fg-muted);flex:none;transition:transform .12s}.tree-icon.expanded{transform:rotate(90deg)}.tree-name{text-overflow:ellipsis;flex:1;overflow:hidden}.tree-actions{display:none}.tree-row:hover .tree-actions{display:flex}.tree-actions .icon-button{width:20px;height:20px}.tree-loading,.tree-empty{color:var(--fg-muted);height:26px;margin:0 6px;line-height:26px}.tree-more{width:calc(100% - 12px);height:26px;color:var(--fg-muted);text-align:left;margin:0 6px;padding-block:0;display:block}.tree-more:hover{color:var(--fg)}.editor-pane{flex-direction:column;min-width:0;display:flex}.tabbar{border-bottom:1px solid var(--border);scrollbar-width:none;flex:none;gap:2px;padding:4px;display:flex;overflow-x:auto}.tab{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;height:30px;color:var(--fg-muted);align-items:center;gap:4px;padding:0 4px 0 12px;display:flex}.tab:hover{background:var(--bg-hover);color:var(--fg)}.tab.active{background:var(--bg-active);color:var(--fg)}.tab-close{border-radius:4px;place-items:center;width:20px;height:20px;padding:0;display:grid}.tab-close .dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:none}.tab-close .x{visibility:hidden}.tab:hover .tab-close .x,.tab.active .tab-close .x{visibility:visible}.tab-close.dirty .dot{display:block}.tab-close.dirty .x,.tab-close.dirty:hover .dot{display:none}.tab-close.dirty:hover .x{visibility:visible;display:block}.conflict-bar{background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-border);border-radius:6px;flex-wrap:wrap;flex:none;align-items:center;gap:8px;margin:6px 6px 0;padding:6px 8px 6px 12px;display:flex}.conflict-bar span{flex:1}.conflict-bar button{background:var(--bg);color:var(--fg);border-color:var(--border)}.conflict-bar button:hover{background:var(--bg-sub)}.editor-host{flex:1;min-height:0}.editor-empty{color:var(--fg-muted);text-align:center;margin:auto;padding:24px}.statusbar{height:28px;color:var(--fg-muted);flex:none;align-items:center;gap:16px;padding:0 14px;font-size:13px;display:flex}.status-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-badge{color:var(--warn-fg);background:var(--warn-bg);border-radius:4px;padding:0 6px}.notice{background:var(--bg);max-width:420px;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-float);cursor:pointer;z-index:10;padding:10px 14px;position:fixed;bottom:38px;right:16px}.welcome-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.welcome-recent{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}