:root{--accent:#185abc;--accent-hover:#174ea6;--accent-soft:#e8f0fe;--focus:#669df6;--text:#202124;--text-muted:#5f6368;--border:#dadce0;--surface:#f6f7f9;--ui-font-family:Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--ui-font-family);--diffs-header-font-family:var(--ui-font-family);color:var(--text);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--border);color:inherit;background:#fff;border-radius:6px;padding:9px 13px}button:hover{background:var(--surface)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}code,input{font-family:monospace}.landing{max-width:1000px;min-height:100dvh;margin:0 auto;padding:80px 36px 64px}.eyebrow{letter-spacing:1.5px;color:var(--text-muted);font-family:monospace;font-size:10px;font-weight:500}.intro h1{letter-spacing:-1px;margin:24px 0;font-size:36px;font-weight:500;line-height:1.2}.intro p{color:var(--text-muted);margin-bottom:36px;font-size:17px;line-height:1.7}.compare-form{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:end;gap:12px;padding:20px;display:flex;box-shadow:0 4px 12px #00000004}.compare-form label{min-width:0;color:var(--text-muted);flex-direction:column;flex:1;gap:10px;font-size:11px;display:flex}.compare-form .module-field{flex:2.7}.compare-form input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:5px;padding:11px 10px;font-size:12px}.compare-form input:focus{border-color:var(--focus);outline:none}.primary{background:var(--accent);color:#fff;border-color:var(--accent);min-width:116px;height:40px;font-size:12px}.primary:hover{background:var(--accent-hover)}.url-hint{color:var(--text-muted);align-items:baseline;gap:16px;padding:16px 2px;font-size:11px;display:flex}.examples{margin-top:42px}.examples>.eyebrow{margin-bottom:16px}.examples>a{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:17px 0;font-size:13px;display:flex}.examples>a:hover{color:var(--accent)}.examples>a>span:first-child{flex:1;font-family:monospace}.examples code{font-size:inherit;color:var(--text-muted)}.local-note{color:var(--text-muted);margin-top:28px;font-size:11px}.comparison{background:#fff;height:100dvh;position:relative;overflow:hidden}.loading-screen{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.workspace.preparing{opacity:0}.view-controls{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.view-controls input{accent-color:var(--accent)}.view-controls label{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:flex}.segmented{display:flex}.segmented button{border-radius:0;padding:6px 10px;font-size:11px}.segmented button:first-child{border-radius:5px 0 0 5px}.segmented button:last-child{border-radius:0 5px 5px 0}.segmented button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.workspace{grid-template-columns:clamp(160px, var(--sidebar-width,240px), min(600px, 60vw)) 5px minmax(0, 1fr);background:#fff;height:100%;display:grid;overflow:hidden}.sidebar-divider{cursor:col-resize;touch-action:none;background:var(--surface);border-right:1px solid var(--border)}.sidebar-divider:hover,.sidebar-divider:focus-visible,.resizing-sidebar .sidebar-divider{background:var(--focus);outline:none}.resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}.resizing-sidebar>:not(.sidebar-divider){pointer-events:none}aside{background:var(--surface);flex-direction:column;min-height:0;padding:8px;display:flex}.file-search{border:1px solid var(--border);width:100%;height:28px;font-family:var(--ui-font-family);background:#fff;border-radius:5px;flex-shrink:0;margin-bottom:8px;padding:4px 8px;font-size:13px}.file-tree{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--trees-accent-override:var(--accent);--trees-focus-ring-color-override:var(--focus);--trees-font-family-override:var(--ui-font-family);--trees-bg-override:var(--surface);--trees-fg-override:var(--text-muted);--trees-selected-bg-override:var(--surface);--trees-selected-fg-override:var(--text-muted);--trees-density-override:.85;--trees-padding-inline-override:0px;--trees-item-padding-x-override:0px;--trees-level-gap-override:4px;flex:1;min-height:0;display:block}.file-search:focus{border-color:var(--focus);outline:none}.file-search:focus+.file-tree{--trees-focus-ring-width-override:0px}.diff-pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.diff-settings{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;height:44px;padding:8px;display:flex}.diff-scroll{--diffs-font-family:monospace;flex:1;min-height:0;overflow:auto}.diff-scroll article+article{border-top:1px solid var(--border)}.file-heading{text-align:left;z-index:1;border:0;border-bottom:1px solid var(--border);background:var(--surface);border-radius:0;flex-wrap:nowrap;align-items:center;gap:15px;width:100%;padding:6px 10px;font-size:12px;display:flex;position:sticky;top:0}.collapse-chevron{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:12px;height:12px}.file-heading[aria-expanded=true] .collapse-chevron{transform:rotate(90deg)}.file-heading:focus-visible{outline-offset:-2px}.file-heading code{overflow-wrap:anywhere;min-width:0}[data-file-status=deleted] .file-heading code{text-decoration:line-through}.empty{text-align:center;border:1px solid var(--border);background:#fff;border-radius:8px;padding:75px 20px}.comparison>.empty{border:0;border-radius:0}.diff-pane .empty{border:0}.empty h2{font-size:17px;font-weight:500}.empty p{color:var(--text-muted);font-size:13px;line-height:1.6}.error{color:#a50e0e;background:#fce8e6;border-radius:6px;padding:12px 16px}.spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.landing{padding:48px 20px}.intro h1{font-size:30px}.compare-form{flex-wrap:wrap}.compare-form .module-field{flex-basis:100%}.compare-form label{flex:1}.compare-form .primary{min-width:95px}.workspace{grid-template-rows:minmax(140px,25dvh) minmax(0,1fr);grid-template-columns:1fr}.sidebar-divider{display:none}aside{border-right:0;border-bottom:1px solid var(--border)}.url-hint{flex-direction:column;gap:8px}.examples>a{gap:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}