:root{--bg: #fafafa;--fg: #1a1a1a;--muted: #6b6b6b;--border: #e2e2e2;--error: #c62828;--warn: #9a6700;--ok: #1a7f37;--left: #b35900;--right: #1f5fbf;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #141414;--fg: #ececec;--muted: #9a9a9a;--border: #2c2c2c;--error: #ef6b6b;--warn: #d9a93a;--ok: #4cc26a;--left: #f0a35e;--right: #79a8f2}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.app{min-height:100dvh;display:flex;flex-direction:column;padding:0 16px}.header{display:flex;align-items:center;gap:24px;padding:12px 0;border-bottom:1px solid var(--border)}.logo{font-size:1.1rem;font-weight:700;color:inherit;text-decoration:none}.tabs{display:flex;gap:4px}.tabs a{padding:6px 12px;border-radius:6px;color:var(--muted);text-decoration:none}.tabs a[aria-current=page]{color:var(--fg);background:var(--border)}.main{flex:1;padding:16px 0}[hidden]{display:none!important}.intro-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:0 24px}.ad-slot{flex:0 1 330px;margin-bottom:16px}.ad-slot iframe{display:block;width:100%;height:96px;border:0;color-scheme:light dark}@media(max-width:720px){.ad-slot{flex-basis:100%}}.intro h1{font-size:1.4rem;margin:0 0 4px}.intro p{margin:0 0 16px;color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.about{max-width:72ch;margin-top:48px;line-height:1.6}.about h2{font-size:1.05rem;margin:28px 0 8px}.about ul{padding-left:1.2em}.about li{margin-bottom:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.split{grid-template-columns:1fr}}.editor{border:1px solid var(--border);border-radius:6px;overflow:hidden;min-width:0}.editor .cm-editor{height:50vh}.placeholder{color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:12px}.toolbar label{display:inline-flex;align-items:center;gap:6px}.toolbar select{font:inherit}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.segmented button{font:inherit;background:none;border:none;padding:4px 12px;color:var(--muted);cursor:pointer}.segmented button[aria-pressed=true]{color:var(--fg);background:var(--border)}.output-pane{position:relative;min-width:0}.copy-button{position:absolute;top:6px;right:6px;z-index:1;font:inherit;font-size:.8rem;padding:2px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);cursor:pointer}.copy-button:disabled{opacity:.4;cursor:default}.status{margin:10px 0 0;color:var(--muted);font-size:.9rem}.status-error{color:var(--error)}.status p{margin:0}.status-ok{color:var(--ok)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem}.table-scroll{overflow-x:auto;margin-top:10px}.diff-table{width:100%;border-collapse:collapse;font-size:.9rem}.diff-table th,.diff-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);vertical-align:top}.diff-table td.mono{word-break:break-all}.diff-table th{font-weight:600;color:var(--muted);white-space:nowrap}.sort-button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}.diff-table .type{color:var(--muted)}.diff-table .value{margin-left:8px;word-break:break-all}.kind{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.8rem;white-space:nowrap;background:color-mix(in srgb,var(--kind) 15%,transparent);color:var(--kind)}.kind-only-in-left{--kind: var(--left)}.kind-only-in-right{--kind: var(--right)}.kind-type-mismatch{--kind: var(--error)}.kind-null-vs-missing{--kind: var(--warn)}.kind-length-mismatch{--kind: var(--muted)}.kind-value-changed{--kind: var(--warn)}.link-button{font:inherit;padding:0;border:none;background:none;color:inherit;text-decoration:underline;cursor:pointer}.footer{padding:12px 0;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}