:root,:root[data-theme=light]{--bg: #ffffff;--fg: #1f2328;--muted: #656d76;--border: #d0d7de;--surface: #f6f8fa;--surface-2: #eef1f4;--accent: #0969da;--accent-hover: #0860c7;--add-bg: #e6ffec;--add-gutter: #ccffd8;--add-text: #1a7f37;--remove-bg: #ffebe9;--remove-gutter: #ffd7d5;--remove-text: #cf222e;--gutter-bg: #f6f8fa;--gutter-fg: #8c959f;--toolbar-bg: rgba(255, 255, 255, .95);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}:root[data-theme=dark]{--bg: #0d1117;--fg: #e6edf3;--muted: #7d8590;--border: #30363d;--surface: #161b22;--surface-2: #21262d;--accent: #2f81f7;--accent-hover: #1f6feb;--add-bg: #033a16;--add-gutter: #0a4a1f;--add-text: #56d364;--remove-bg: #4d1213;--remove-gutter: #5a191b;--remove-text: #f85149;--gutter-bg: #161b22;--gutter-fg: #6e7681;--toolbar-bg: rgba(13, 17, 23, .95)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--fg);background:var(--bg)}.app{display:flex;flex-direction:column;min-height:100vh;max-width:1280px;margin:0 auto;padding:24px 24px 96px;position:relative}.theme-toggle{position:absolute;top:24px;right:24px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;transition:background .1s,border-color .1s}.theme-toggle:hover{background:var(--surface-2)}.theme-icon{font-size:14px;line-height:1}@media (max-width: 720px){.theme-label{display:none}}.header{margin-bottom:16px}.header h1{font-size:24px;margin:0;font-weight:600}.subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.panes{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}.pane{display:flex;flex-direction:column;min-height:400px}.pane-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}.textarea{flex:1;width:100%;resize:vertical;min-height:400px;padding:12px;border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:13px;line-height:1.5;background:var(--bg);color:var(--fg);outline:none}.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0969da33}.toolbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px;padding:16px;background:var(--toolbar-bg);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn{font:inherit;font-size:14px;font-weight:500;padding:8px 18px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;transition:background .1s,border-color .1s}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:var(--border)}.diff-wrapper{flex:1;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg)}.diff-toolbar{display:flex;justify-content:flex-end;padding:8px 10px;background:var(--surface);border-bottom:1px solid var(--border)}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg)}.toggle-btn{font:inherit;font-size:12px;font-weight:500;padding:5px 12px;border:0;background:transparent;color:var(--muted);cursor:pointer}.toggle-btn+.toggle-btn{border-left:1px solid var(--border)}.toggle-btn:hover{background:var(--surface)}.toggle-btn.active{background:var(--accent);color:#fff}.diff{font-family:var(--mono);font-size:12px;line-height:1.5;width:100%;border-collapse:collapse}.diff-row{display:grid;grid-template-columns:50px 50px 20px 1fr}.diff-row.add{background:var(--add-bg)}.diff-row.remove{background:var(--remove-bg)}.diff-srow{display:grid;grid-template-columns:50px 20px 1fr 50px 20px 1fr;border-bottom:0}.diff-gutter{text-align:right;padding:0 10px;color:var(--gutter-fg);background:var(--gutter-bg);-webkit-user-select:none;user-select:none;border-right:1px solid var(--border)}.diff-row.add .diff-gutter,.diff-srow .diff-gutter.add{background:var(--add-gutter);color:var(--add-text)}.diff-row.remove .diff-gutter,.diff-srow .diff-gutter.remove{background:var(--remove-gutter);color:var(--remove-text)}.diff-marker{text-align:center;-webkit-user-select:none;user-select:none;color:var(--muted)}.diff-row.add .diff-marker,.diff-srow .diff-marker.add{color:var(--add-text);background:var(--add-bg)}.diff-row.remove .diff-marker,.diff-srow .diff-marker.remove{color:var(--remove-text);background:var(--remove-bg)}.diff-content{padding:0 8px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.diff-srow .diff-content.add{background:var(--add-bg)}.diff-srow .diff-content.remove{background:var(--remove-bg)}.diff-srow .diff-content.empty,.diff-srow .diff-marker.empty,.diff-srow .diff-gutter.empty{background:var(--gutter-bg)}.diff-empty{padding:24px;text-align:center;color:var(--muted);font-size:14px}@media (max-width: 720px){.panes{grid-template-columns:1fr}.diff-row{grid-template-columns:36px 36px 18px 1fr}}