:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f5;--line: #d8dde5;--text: #1d2330;--muted: #5d6675;--accent: #2f5bea;--accent-ink: #ffffff;--focus: #2f5bea;--del-bg: #fde8e8;--del-mark: #f5b4b4;--del-strong: #d23c3c;--ins-bg: #e3f6e8;--ins-mark: #a6e2b6;--ins-strong: #1f9a4a;--eol-bg: #fff4d6;--eol-strong: #c98a00;--coarse: rgba(120, 120, 140, .16);--minimap-view: rgba(47, 91, 234, .14);--danger: #c62828;--ok: #1f7a3d;--tok-kw: #8a2be2;--tok-str: #0b7a3e;--tok-num: #b35c00;--tok-com: #6b7480;--tok-tag: #b0275b;--tok-attr: #6d4bbf;--tok-prop: #1d5fb8;--fs: 14px;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #12151b;--surface: #1a1e26;--surface-2: #232834;--line: #323a48;--text: #e4e8ef;--muted: #9aa4b4;--accent: #7c9dff;--accent-ink: #0d1020;--focus: #9db5ff;--del-bg: #3a1d22;--del-mark: #74303a;--del-strong: #ff6b6b;--ins-bg: #173326;--ins-mark: #24613f;--ins-strong: #4cd17d;--eol-bg: #3a3014;--eol-strong: #f0b429;--coarse: rgba(200, 200, 220, .12);--minimap-view: rgba(124, 157, 255, .18);--danger: #ff6b6b;--ok: #4cd17d;--tok-kw: #c792ea;--tok-str: #9ece6a;--tok-num: #ff9e64;--tok-com: #7f8899;--tok-tag: #f7768e;--tok-attr: #bb9af7;--tok-prop: #7dcfff;color-scheme:dark}}:root[data-theme=dark]{--bg: #12151b;--surface: #1a1e26;--surface-2: #232834;--line: #323a48;--text: #e4e8ef;--muted: #9aa4b4;--accent: #7c9dff;--accent-ink: #0d1020;--focus: #9db5ff;--del-bg: #3a1d22;--del-mark: #74303a;--del-strong: #ff6b6b;--ins-bg: #173326;--ins-mark: #24613f;--ins-strong: #4cd17d;--eol-bg: #3a3014;--eol-strong: #f0b429;--coarse: rgba(200, 200, 220, .12);--minimap-view: rgba(124, 157, 255, .18);--danger: #ff6b6b;--ok: #4cd17d;--tok-kw: #c792ea;--tok-str: #9ece6a;--tok-num: #ff9e64;--tok-com: #7f8899;--tok-tag: #f7768e;--tok-attr: #bb9af7;--tok-prop: #7dcfff;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;display:flex;flex-direction:column;min-height:100dvh}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.top{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.top h1{font-size:17px;margin:0;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.logo{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:16px}.views{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:3px}.views button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer}.views button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.top-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.privacy{margin:0;padding:6px 16px;font-size:13px;color:var(--ok);background:color-mix(in srgb,var(--ins-bg) 60%,var(--surface));border-bottom:1px solid var(--line)}.btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;line-height:1.2;padding:6px 11px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn.small{padding:4px 8px;font-size:12px}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--danger)}.btn.danger.primary,.dlg-actions .btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}label.btn input[type=file]{display:none}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;background:var(--surface-2);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.chip.strong{font-weight:700;color:var(--text)}.chip[data-state=same]{background:var(--ins-bg);color:var(--ok)}.chip[data-state=diff]{background:var(--del-bg);color:var(--del-strong)}.chip[data-state=norm]{background:var(--eol-bg);color:var(--eol-strong);font-weight:600}.toolbar{background:var(--surface);border-bottom:1px solid var(--line);padding:8px 16px;display:grid;gap:6px}.tb-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.options{gap:4px 18px}fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}legend{float:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:4px}.options label,.bar label{display:inline-flex;align-items:center;gap:5px;font-size:13px;cursor:pointer}select{font:inherit;font-size:12px;padding:3px 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--text)}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;margin:0}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;min-width:240px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0000002e}.menu-list button{display:block;width:100%;text-align:left;font:inherit;font-size:13px;padding:7px 10px;border:0;border-radius:6px;background:none;color:var(--text);cursor:pointer}.menu-list button:hover{background:var(--surface-2)}.work{flex:1;min-height:340px;display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:0;padding:10px 16px}.content{min-width:0;min-height:0;display:flex}.side{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-height:0}.pane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.pane.drag{outline:3px dashed var(--accent);outline-offset:-3px}.pane-head{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--surface-2)}.pane-head h2{font-size:13px;margin:0}.pane-info{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 120px}.pane-btns{display:inline-flex;gap:4px;flex-wrap:wrap}.ed{flex:1;min-height:0;position:relative}.ed .cm-editor{position:absolute;inset:0}.drop-hint{display:none}.pane.empty .drop-hint{display:block;position:absolute;left:0;right:0;top:50%;text-align:center;margin:0;color:var(--muted);pointer-events:none;font-size:13px}.minimap{position:relative;margin-left:6px;border-radius:6px;background:var(--surface-2);cursor:pointer;overflow:hidden}.minimap canvas{position:absolute;inset:0}body[data-view=detail] .minimap{visibility:hidden}.cm-editor{height:100%;font-size:var(--fs);background:var(--surface);color:var(--text)}.cm-editor.cm-focused{outline:none}.cm-scroller{font-family:var(--mono)!important;line-height:1.5}.cm-gutters{background:var(--surface-2)!important;color:var(--muted)!important;border-right:1px solid var(--line)!important}.cm-activeLine{background:color-mix(in srgb,var(--accent) 6%,transparent)!important}.cm-activeLineGutter{background:color-mix(in srgb,var(--accent) 12%,transparent)!important}.cm-content{caret-color:var(--text)}.cm-cursor{border-left-color:var(--text)!important}.cm-selectionBackground,.cm-focused .cm-selectionBackground{background:color-mix(in srgb,var(--accent) 28%,transparent)!important}.cm-diff-gutter .cm-gutterElement{width:16px;text-align:center;font-weight:700}.g-del{color:var(--del-strong)}.g-ins{color:var(--ins-strong)}.g-eol{color:var(--eol-strong)}.g-coarse{color:var(--muted)}.g-gap{color:var(--accent)}.cm-d-del{background:var(--del-bg)}.cm-d-ins{background:var(--ins-bg)}.cm-d-eol{background:var(--eol-bg)}.cm-d-coarse{background-image:repeating-linear-gradient(135deg,var(--coarse) 0 6px,transparent 6px 12px)}.cm-d-stale{opacity:.55}.cm-d-current{box-shadow:inset 3px 0 0 var(--accent)}.cm-d-gap-before{box-shadow:inset 0 2px 0 var(--accent)}.cm-d-gap-after{box-shadow:inset 0 -2px 0 var(--accent)}.cm-d-gap-before.cm-d-current,.cm-d-gap-after.cm-d-current{box-shadow:inset 0 3px 0 var(--accent),inset 3px 0 0 var(--accent)}.cm-w-del{background:var(--del-mark);border-radius:2px;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--del-strong) 60%,transparent)}.cm-w-ins{background:var(--ins-mark);border-radius:2px;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ins-strong) 60%,transparent)}.cm-ws-sp,.cm-ws-tab,.cm-ws-nbsp{position:relative}.cm-ws-sp:before,.cm-ws-tab:before,.cm-ws-nbsp:before{position:absolute;left:0;top:0;color:var(--muted);opacity:.7;pointer-events:none}.cm-ws-sp:before{content:"·"}.cm-ws-nbsp:before{content:"°"}.cm-ws-tab:before{content:"→"}.cm-eol-mark{font-size:.72em;margin-left:4px;padding:0 3px;border-radius:3px;background:var(--surface-2);color:var(--muted);vertical-align:1px}.cm-specialChar{color:var(--danger)!important}.cm-fold-unchanged{display:block;width:100%;text-align:left;border:0;border-block:1px dashed var(--line);background:var(--surface-2);color:var(--muted);font:12px system-ui,sans-serif;padding:3px 12px;cursor:pointer}.cm-fold-unchanged:hover{color:var(--accent)}.cm-panels{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}.cm-panel.cm-search{font-size:13px}.cm-panel.cm-search input,.cm-panel.cm-search button{font:inherit;font-size:12px}.cm-textfield{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:5px}.cm-button{background:var(--surface)!important;color:var(--text);border:1px solid var(--line)!important;border-radius:5px}.cm-searchMatch{background:color-mix(in srgb,var(--eol-strong) 35%,transparent)}.cm-searchMatch-selected{background:color-mix(in srgb,var(--accent) 45%,transparent)}.cm-selectionMatch{background:color-mix(in srgb,var(--accent) 15%,transparent)}.tok-keyword,.tok-operatorKeyword,.tok-modifier{color:var(--tok-kw)}.tok-string,.tok-string2{color:var(--tok-str)}.tok-number,.tok-bool,.tok-atom{color:var(--tok-num)}.tok-comment{color:var(--tok-com);font-style:italic}.tok-tagName,.tok-heading{color:var(--tok-tag);font-weight:600}.tok-attributeName,.tok-typeName,.tok-className{color:var(--tok-attr)}.tok-propertyName,.tok-variableName.tok-definition{color:var(--tok-prop)}.tok-link,.tok-url{color:var(--accent);text-decoration:underline}.tok-emphasis{font-style:italic}.tok-strong{font-weight:700}.unified{flex:1;min-height:0;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px}.uv-inner{position:relative;overflow:hidden;min-width:100%;width:max-content}.uv-rows{position:absolute;left:0;right:0;top:0;will-change:transform}.uv-row{display:flex;font-family:var(--mono);font-size:var(--fs);line-height:1.5;white-space:pre}.uv-n{flex:0 0 auto;width:6.5ch;padding-right:1ch;text-align:right;color:var(--muted);background:var(--surface-2);user-select:none}.uv-s{flex:0 0 2.5ch;text-align:center;font-weight:700;user-select:none}.uv-t{padding-right:2ch}.uv-del{background:var(--del-bg);cursor:pointer}.uv-del .uv-s{color:var(--del-strong)}.uv-ins{background:var(--ins-bg);cursor:pointer}.uv-ins .uv-s{color:var(--ins-strong)}.uv-eol{background:var(--eol-bg)}.uv-coarse{background-image:repeating-linear-gradient(135deg,var(--coarse) 0 6px,transparent 6px 12px)}.uv-current{box-shadow:inset 3px 0 0 var(--accent)}.uv-skip{color:var(--muted);font-family:system-ui,sans-serif;font-size:12px;background:var(--surface-2);border-block:1px dashed var(--line)}.detail{flex:1;min-height:0;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.dv-head{font-weight:700;margin-bottom:4px}.dv-status,.dv-empty{color:var(--muted);font-size:13px;margin:0 0 10px}.dv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.dv-block h3{font-size:13px;margin:0 0 6px;display:flex;align-items:center;gap:8px}.dv-pre{margin:0;padding:10px 12px;background:var(--surface-2);border-radius:8px;border:1px solid var(--line);font-family:var(--mono);font-size:var(--fs);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}mark.dv-del{background:var(--del-mark);color:inherit;text-decoration:line-through;text-decoration-color:var(--del-strong);border-radius:2px}mark.dv-ins{background:var(--ins-mark);color:inherit;text-decoration:underline;text-decoration-color:var(--ins-strong);border-radius:2px}.dv-eol{color:var(--muted);font:600 .62em/1 system-ui,sans-serif;margin-left:3px;padding:1px 3px;border:1px solid var(--line);border-radius:3px;vertical-align:2px}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:8px 16px;background:var(--surface);border-top:1px solid var(--line)}.bar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status{flex:1 1 260px;min-width:0}#cmp-status{font-size:13px}#cmp-status.error,.muted.error{color:var(--danger)}.muted{color:var(--muted);font-size:12px}.notice{display:flex;gap:12px;align-items:center;margin:0 16px 8px;padding:8px 12px;border-radius:10px;background:var(--eol-bg);font-size:13px}.notice p{margin:0;flex:1}.foot{margin:0;padding:6px 16px 12px;font-size:12px;color:var(--muted);text-align:center}dialog{border:1px solid var(--line);border-radius:14px;padding:18px 20px;max-width:min(520px,calc(100vw - 32px));background:var(--surface);color:var(--text);box-shadow:0 20px 50px #0000004d}dialog::backdrop{background:#0a0e1673}dialog h2{margin:0 0 8px;font-size:17px}dialog p{margin:0 0 8px}.dlg-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:50;max-width:calc(100vw - 32px);padding:9px 16px;border-radius:10px;background:var(--text);color:var(--bg);font-size:13px;box-shadow:0 8px 24px #00000040}#toast[data-kind=error]{background:var(--danger);color:#fff}@media(max-width:900px){.work{grid-template-columns:minmax(0,1fr);padding:8px}.minimap{display:none}.side{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(260px,1fr) minmax(260px,1fr)}.work{flex:none;min-height:0}.content{min-height:560px}.dv-grid{grid-template-columns:minmax(0,1fr)}.top-actions{margin-left:0}.toolbar,.top,.bar,.privacy{padding-left:12px;padding-right:12px}}@media(min-width:901px){body{height:100dvh}.work{min-height:0}}