:root{--bg:#f7f7f8;--panel:#fff;--panel-2:#f0f0f3;--border:#dedee4;--text:#24242b;--muted:#6e6e7a;--faint:#a4a4b0;--accent:#6d4aff;--accent-bg:#6d4aff1f;--danger:#c4322b;--origin:#1f9d55;--right-origin:#d97706;--canvas-bg:#fff;--canvas-grid:#ececf1;--canvas-text:#3b3b45;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:13px/1.4 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#131317;--panel:#1a1a1f;--panel-2:#22222a;--border:#2e2e38;--text:#e4e4ea;--muted:#9a9aa8;--faint:#5c5c6a;--accent:#9b85ff;--accent-bg:#9b85ff29;--danger:#ff6b62;--origin:#3ccf7f;--right-origin:#f5a524;--canvas-bg:#16161b;--canvas-grid:#25252e;--canvas-text:#c8c8d2}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}button,input,select{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:5px;padding:3px 9px}button:hover{border-color:var(--faint)}button[aria-pressed=true]{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}input[type=search]{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;min-width:0;padding:3px 8px}code,.mono{font-family:var(--mono);font-size:12px}a.link,button.link{color:var(--accent);cursor:pointer;font-family:var(--mono);background:0 0;border:none;padding:0;font-size:12px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.chip-x{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:0 6px}.chip-x:hover{color:var(--text);background:var(--border)}.swatch{border-radius:2px;flex:none;width:9px;height:9px;display:inline-block}.toggle-more{font-family:var(--sans);white-space:nowrap}.ref-preview{position-anchor:--ref-preview;position-area:bottom span-right;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin:0;background:var(--panel);width:max-content;max-width:min(360px,100vw - 16px);color:var(--text);border:1px solid var(--border);border-radius:6px;margin-block:6px;padding:8px 10px;font-size:12px;line-height:1.45;inset:auto;box-shadow:0 8px 24px #00000038}.ref-preview.measured{margin:0;position:fixed}.ref-preview .head{margin-bottom:2px}.ref-preview .kind{color:var(--muted);font-size:11px}.ref-preview .muted{color:var(--muted)}.ref-preview .del{color:var(--danger)}.ref-preview .path,.ref-preview .pv{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lanes{flex-direction:column;height:100%;min-height:0;display:flex}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.toolbar .sep{background:var(--border);width:1px;height:18px;margin:0 4px}.toolbar .count{color:var(--muted);font-size:12px}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;margin-left:auto;font-size:11px;display:flex}.legend span{align-items:center;gap:4px;display:inline-flex}.legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.legend i.deleted-swatch{background:linear-gradient(transparent 45%, var(--danger) 45%, var(--danger) 60%, transparent 60%), #22a86161}.lanes-canvas{flex:1;min-height:0;position:relative;overflow:hidden}.lanes-canvas canvas{touch-action:none;position:absolute;inset:0}.tooltip{pointer-events:none;background:var(--panel);border:1px solid var(--border);z-index:2;border-radius:6px;max-width:270px;padding:6px 8px;font-size:12px;position:absolute;box-shadow:0 6px 20px #0000002e}.tooltip .preview{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.tooltip .muted{color:var(--muted)}.tooltip .del{color:var(--danger)}.hint{color:var(--faint);border-top:1px solid var(--border);padding:4px 8px;font-size:11px}.toolbar .check{cursor:pointer;align-items:center;gap:5px;font-size:12px;display:inline-flex}.toolbar .muted{color:var(--muted)}.legend i.deleted-since-swatch{background:var(--danger)}.ds-scroll{flex:1;min-height:0;padding:4px 12px 32px;overflow:auto}.ds-empty{padding:8px 0}.ds-missing{color:var(--danger);font-size:12px}.ds-client h4{margin:14px 0 6px;font-size:12px;font-weight:600}.ds-ranges{border-collapse:collapse;width:100%;font-size:12px}.ds-ranges td{border-bottom:1px solid var(--border);vertical-align:top;padding:4px 8px 4px 0}.ds-clocks{white-space:nowrap;width:1%}.ds-len{white-space:nowrap;text-align:right;width:1%;color:var(--muted);font-family:var(--mono)}.ds-what{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.ds-kind{color:var(--muted)}.ds-text{color:var(--danger);font-family:var(--mono);overflow-wrap:anywhere;flex-basis:100%;text-decoration:line-through}.ds-what .tag.new{color:var(--danger);border:1px solid;border-radius:3px;padding:0 4px;font-size:10px}.pending-view section>h4{margin:14px 0 6px;font-size:12px;font-weight:600}.pending-view .waiting{font-family:var(--mono);font-size:11.5px}.pending-view .waiting.missing{color:var(--danger)}.pending-view .waiting.pending{color:var(--right-origin)}.pending-view .pending-text{color:var(--text);text-decoration:none}.resize-handle{cursor:col-resize;z-index:5;touch-action:none;width:7px;position:absolute;top:0;bottom:0}.resize-handle.left{right:0}.resize-handle.right{left:0}.resize-handle:hover,.resize-handle:focus-visible,body.resizing .resize-handle:active{background:linear-gradient(to right, transparent 2px, var(--accent) 2px, var(--accent) 5px, transparent 5px);outline:none}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.rail{background:var(--panel);width:100%;height:100%;color:var(--muted);border:none;border-radius:0;flex-direction:column;align-items:center;gap:10px;padding:10px 0;display:flex}.panel-corner{z-index:2;background:var(--panel);border-radius:5px;position:absolute;top:6px;right:6px}.rail:hover{color:var(--text);background:var(--panel-2)}.rail span{writing-mode:vertical-rl;letter-spacing:.04em;font-size:12px}.panel-toggle{color:var(--muted);background:0 0;border-color:#0000;align-items:center;padding:3px 5px;display:inline-flex}.panel-toggle:hover{color:var(--text)}.panel-toggle[aria-pressed=true]{color:var(--text);background:0 0;border-color:#0000}.segmented{background:var(--panel-2);border:1px solid var(--border);border-radius:7px;flex:none;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:none;border-radius:5px;padding:2px 10px}.segmented button:hover{color:var(--text)}.segmented button[aria-checked=true]{background:var(--panel);color:var(--text);box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000001f}.segmented.small button{padding:1px 7px;font-size:12px}.doc-empty{padding:16px}.toolbar .authors{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-left:auto;font-size:12px;display:flex}.toolbar .authors i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.doc-scroll{flex:1;min-height:0;overflow:auto}.doc{max-width:760px;font:15px/1.6 var(--sans);margin:0 auto;padding:24px 32px 64px}.doc .blk{cursor:default;border-radius:3px}.doc .blk:hover{box-shadow:-8px 0 0 -6px var(--faint)}.doc .blk.selected{box-shadow:-8px 0 0 -5px var(--accent);background:var(--accent-bg)}.doc .blk.deleted{opacity:.55;outline:1px dashed var(--danger)}.doc .blk.custom{border:1px solid var(--border);margin:12px 0;padding:14px 10px 4px;position:relative}.doc .blk.custom:before{content:attr(data-name);font:10px var(--mono);color:var(--faint);position:absolute;top:0;left:8px}.doc table{border-collapse:collapse;width:100%;margin:12px 0}.doc td,.doc th{border:1px solid var(--border);vertical-align:top;padding:4px 8px}.doc blockquote{border-left:3px solid var(--border);margin:8px 0;padding-left:12px}.doc .image{color:var(--muted);font-family:var(--mono);font-size:12px}.doc .run{color:inherit;border-radius:2px;text-decoration:none}.doc.by-author .run{background:color-mix(in srgb, var(--author) 16%, transparent);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--author) 70%, transparent)}.doc .run:hover{outline:1px solid var(--faint)}.doc .run.selected{outline:2px solid var(--accent)}.doc .run.deleted{color:var(--danger);text-decoration:line-through}.doc .run.added{background:color-mix(in srgb, var(--origin) 30%, transparent);box-shadow:inset 0 -2px 0 var(--origin)}.doc .run.deleted-since{background:color-mix(in srgb, var(--danger) 25%, transparent);text-decoration:line-through}.doc .mark-link{text-decoration:underline}.findings ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.findings li{border-left:3px solid var(--faint);padding:2px 0 2px 10px}.findings li.warning{border-left-color:var(--right-origin)}.findings .title{overflow-wrap:anywhere;font-weight:600}.findings .detail{color:var(--muted);margin-top:2px}.findings .links{flex-wrap:wrap;gap:2px 10px;margin-top:4px;display:flex}.findings .links .link{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.inspector{height:100%;padding:0 12px 16px;overflow:hidden auto}.inspector.empty{color:var(--muted);padding-top:12px}.inspector section{border-bottom:1px solid var(--border);padding:12px 0}.inspector h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:11px}.inspector h4{margin:12px 0 6px;font-size:12px;font-weight:600}.inspector .path{flex-wrap:wrap;gap:4px;min-width:0;margin-bottom:8px;display:flex}.inspector .path .sep{color:var(--faint)}.inspector dl{grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:0 0 10px;display:grid}.inspector dt{color:var(--muted)}.inspector dd{overflow-wrap:anywhere;min-width:0;margin:0}.inspector .path .link,.inspector dd .link{text-align:left;overflow-wrap:anywhere;max-width:100%}.inspector dd.wrap{overflow-wrap:anywhere}.inspector dt.origin{color:var(--origin)}.inspector dt.right-origin{color:var(--right-origin)}.inspector pre{background:var(--panel-2);font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:5px;max-height:420px;margin:0;padding:8px;font-size:11.5px;overflow:auto}.inspector .long-text{white-space:pre-wrap;overflow-wrap:anywhere}.inspector .del,.inspector .missing{color:var(--danger)}.inspector .muted{color:var(--muted)}.chain{display:flex}.chain svg{flex:none}.chain-rows{flex:1;min-width:0}.chain-row{color:inherit;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;height:26px;padding:0 6px;text-decoration:none;display:flex}.chain-row:hover{background:var(--panel-2)}.chain-row.self{background:var(--accent-bg);box-shadow:inset 2px 0 0 var(--accent)}.chain-row.deleted .pv{color:var(--danger);text-decoration:line-through}.chain-row .id{flex:none}.chain-row .pv{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;overflow:hidden}.tag{border:1px solid;border-radius:3px;flex:none;padding:0 4px;font-size:10px}.tag.origin{color:var(--origin)}.tag.right-origin{color:var(--right-origin)}.neighbours .note{color:var(--muted);margin:6px 0 0;font-size:12px}.client-id{overflow-wrap:anywhere;margin-bottom:8px;font-size:15px;font-weight:600}.inspector .small{margin:4px 0 0;font-size:12px}table.shares{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}table.shares td{border-bottom:1px solid var(--border);vertical-align:top;padding:3px 0}table.shares td.num{text-align:right;width:44px;color:var(--muted);font-family:var(--mono);font-size:11.5px}table.shares td.num:last-child{width:64px}.share-label .link{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:100%;display:block;overflow:hidden}.share-label .bar{background:var(--accent);opacity:.6;border-radius:2px;min-width:1px;height:3px;margin-top:3px;display:block}.inspector .warn{color:var(--right-origin)}.toolbar .crumb{color:var(--accent);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:220px;padding:2px 4px;font-size:12px;overflow:hidden}.toolbar .crumb-sep{color:var(--faint)}.toolbar-end{gap:6px;margin-left:auto;display:flex}.hidden-nodes{padding-top:0}.chip{border:1px solid var(--border);background:var(--panel-2);border-radius:999px;align-items:center;gap:6px;max-width:280px;padding:1px 2px 1px 8px;display:inline-flex}.chip .mono{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolbar .crumb[aria-current=location]{color:var(--text);cursor:default;font-weight:600}.tree{flex-direction:column;height:100%;min-height:0;display:flex}.tree-controls{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:8px;display:flex}.tree-search,.tree-options{align-items:center;gap:8px;display:flex}.tree-options{flex-wrap:wrap;justify-content:space-between;row-gap:6px}.tree-options .segmented{font-size:12px}.tree-search input[type=search]{flex:1;min-width:0}.tree-search .hits{color:var(--muted);white-space:nowrap;font-size:12px}.tree-options .toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.tree-scroll{outline:none;flex:1;overflow:auto}.tree-row{white-space:nowrap;cursor:default;height:22px;font-family:var(--mono);align-items:center;gap:6px;padding-right:8px;font-size:12px;display:flex;position:absolute;left:0;right:0}.tree-row:hover{background:var(--panel-2)}.tree-row.selected{background:var(--accent-bg);box-shadow:inset 2px 0 0 var(--accent)}.tree-row.deleted .label,.tree-row.deleted .preview{color:var(--danger);text-decoration:line-through}.tree-row .caret{width:10px;color:var(--muted);text-align:center;flex:none}.tree-row .kind{font-family:var(--sans);border:1px solid;border-radius:3px;flex:none;padding:0 4px;font-size:10px;line-height:14px}.tree-row .label{text-overflow:ellipsis;flex:0 auto;min-width:0;font-weight:600;overflow:hidden}.tree-row .attr{color:var(--muted);flex:none}.tree-row .attr span{color:var(--right-origin)}.tree-row .preview{text-overflow:ellipsis;min-width:0;color:var(--muted);flex:1;overflow:hidden}.tree-row .bytes{color:var(--faint);flex:none;font-size:11px}.tree-row .kind.value{color:var(--muted);border-color:var(--border)}.tree-row .changes{flex:none;gap:4px;font-size:11px;display:flex}.landing{place-items:center;height:100%;padding:16px;display:grid}.drop-card{border:2px dashed var(--border);background:var(--panel);text-align:center;border-radius:12px;max-width:480px;padding:32px}.drop-card h1{margin:0 0 8px;font-size:22px}.drop-card p{color:var(--muted)}.drop-card .small{color:var(--faint);font-size:12px}.error{color:var(--danger)}.drop-overlay{background:color-mix(in srgb, var(--accent) 18%, transparent);border:3px dashed var(--accent);color:var(--accent);pointer-events:none;z-index:10;place-items:center;font-size:20px;font-weight:600;display:grid;position:fixed;inset:0}.workspace{grid-template-rows:auto 1fr;grid-template-areas:"header header header""left main right";height:100%;display:grid}.workspace>header{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;grid-area:header;align-items:center;gap:12px;padding:8px 12px;display:flex}.workspace .stats{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.workspace .stats .warn{color:var(--right-origin)}.workspace .spacer{flex:1}.workspace aside,.workspace main{background:var(--panel);min-width:0;min-height:0}.workspace aside{position:relative;overflow:hidden}.workspace aside.left{border-right:1px solid var(--border);grid-area:left}.workspace aside.right{border-left:1px solid var(--border);grid-area:right}.workspace main{flex-direction:column;grid-area:main;display:flex}.tabs{align-items:center;gap:4px;padding:8px 8px 0;display:flex}.workspace .view{flex:1;min-height:0}.findings-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px;text-decoration:none}.findings-badge.warning{border-color:var(--right-origin);color:var(--right-origin)}.compare-chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:1px 2px 1px 8px;font-size:12px;display:inline-flex}.compare-chip .added,.change-added{color:var(--origin)}.compare-chip .deleted,.change-deleted{color:var(--danger)}