@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-cyrillic-ext-wght-normal-lLTsRRxN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f0e8;--surface:#fff;--surface-2:#eeeee5;--surface-3:#e5e9df;--surface-4:#dbe2d7;--border:#d9dfd4;--border-strong:#a7b9af;--text:#101c1d;--muted:#435955;--faint:#657b74;--accent:#12534d;--accent-hover:#0c413c;--accent-soft:#dceee5;--accent-soft-ink:#0c413c;--accent-ring:#12534d59;--accent-ink:#fff;--accent-fill:#12534d;--accent-fill-hover:#0c413c;--brand:#12534d;--eyebrow:#12534d;--good:#006c4a;--danger:#950029;--danger-soft:#9500291a;--add:#006c4a;--add-bg:#ecfdf5;--add-bg-2:#d1fae5;--add-strong:#a7f3d0;--del:#9f1239;--del-bg:#fff1f2;--del-bg-2:#ffe4e6;--del-strong:#fecdd3;--mod:#92400e;--mod-bg:#fef3c7;--mod-strong:#fde68a;--move:#1d4ed8;--move-bg:#eff6ff;--hatch:#1f1b1712;--hover:#1f1b1709;--flash:#12534d33;--toast-bg:#101c1d;--toast-ink:#fff;--tok-key:#12534d;--tok-str:#006c4a;--tok-num:#a64a00;--tok-lit:#7e22ce;--shadow-xs:0 1px 1px #0000000d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow:0 6px 20px #1f1b171a, 0 1px 3px #1f1b170f;--shadow-lg:0 24px 56px #1f1b1729, 0 2px 6px #1f1b170f;--shadow-inset:inset 0 2px 4px #0000000d;--header-bg:#f2f0e8f0;--footer-bg:#e5e9df80;--radius:12px;--topbar-h:56px;--page-max:1440px;--sans:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", var(--sans);--mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101c1d;--surface:#152525;--surface-2:#1a2d2d;--surface-3:#213837;--surface-4:#294340;--border:#2c4441;--border-strong:#47615b;--text:#f2f0e8;--muted:#afc1b8;--faint:#829c91;--accent:#46b7a6;--accent-hover:#72cbbb;--accent-soft:#46b7a624;--accent-soft-ink:#a8e0d5;--accent-ring:#46b7a673;--accent-ink:#101c1d;--accent-fill:#46b7a6;--accent-fill-hover:#72cbbb;--brand:#46b7a6;--eyebrow:#a8e0d5;--good:#34d399;--danger:#fb7185;--danger-soft:#f43f5e24;--add:#34d399;--add-bg:#10b9811f;--add-bg-2:#10b98133;--add-strong:#10b9815c;--del:#fb7185;--del-bg:#f43f5e1f;--del-bg-2:#f43f5e33;--del-strong:#f43f5e5c;--mod:#fbbf24;--mod-bg:#f59e0b1f;--mod-strong:#f59e0b52;--move:#38bdf8;--move-bg:#38bdf824;--hatch:#f9fafb0f;--hover:#f9fafb0a;--flash:#46b7a640;--toast-bg:#f2f0e8;--toast-ink:#101c1d;--tok-key:#a8e0d5;--tok-str:#6ee7b7;--tok-num:#fcd34d;--tok-lit:#67e8f9;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #0006;--shadow-md:0 10px 30px -12px #000000b3;--shadow:0 8px 24px #00000080;--shadow-lg:0 24px 60px #000000a6;--shadow-inset:inset 0 2px 4px #00000059;--header-bg:#101c1df0;--footer-bg:#15252599}@media (prefers-color-scheme:dark){html:not([data-theme]){background:#101c1d}}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--display);font-weight:600}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}kbd{border:1px solid var(--surface-4);background:var(--surface-3);min-width:22px;color:var(--text);font-family:var(--mono);text-align:center;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:11px;line-height:16px;display:inline-block}.btn{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);letter-spacing:.01em;white-space:nowrap;box-shadow:var(--shadow-xs);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.btn.primary{background:var(--accent-fill);color:var(--accent-ink);border-color:#0000}.btn.primary:hover:not(:disabled){background:var(--accent-fill-hover)}.btn.raised{box-shadow:var(--shadow-sm), 0 0 0 1px var(--border);border-color:#0000}.btn.raised:hover:not(:disabled){background:var(--surface-2)}.btn.ghost{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn.small{height:28px;padding:0 12px;font-size:12.5px}.icon-btn{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.segmented{background:var(--surface-2);scrollbar-width:none;border:1px solid #0000;border-radius:8px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}:root[data-theme=dark] .segmented{border-color:var(--border)}.segmented button{height:28px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:550;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.segmented button:hover:not(:disabled){color:var(--text)}.segmented button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm), 0 1px 1px #0000000d}:root[data-theme=dark] .segmented button[aria-checked=true]{background:var(--surface-4);box-shadow:inset 0 0 0 1px var(--border-strong)}.segmented button:focus-visible{outline-offset:-2px}.segmented .badge{background:var(--accent-soft);min-width:18px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 5px;font-size:11px;font-weight:600;line-height:17px}.segmented.is-small button{height:24px;padding:0 12px;font-size:12px}.switch{color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:4px 2px;display:inline-flex}.switch-track{background:var(--border-strong);border-radius:999px;flex:none;width:34px;height:20px;transition:background .2s;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch[aria-checked=true] .switch-track{background:var(--accent)}.switch[aria-checked=true] .switch-thumb{transform:translate(14px)}.switch-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.switch-label{white-space:nowrap;font-size:13px;font-weight:500}.switch-description{color:var(--muted);font-size:12px;line-height:1.35}.switch.has-description{align-items:flex-start;width:100%;padding:9px 10px}.switch.has-description .switch-track{margin-top:1px}.switch.has-description .switch-label{white-space:normal}.popover{position:relative}.tool{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);white-space:nowrap;box-shadow:var(--shadow-xs);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:inline-flex}.tool svg{color:var(--muted)}.tool:hover{border-color:var(--border-strong)}.tool[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mark-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.popover-panel{z-index:40;overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface);width:360px;max-height:min(100dvh - 120px,680px);box-shadow:var(--shadow-lg);border-radius:14px;padding:6px;animation:.14s ease-out pop-in;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.menu{flex-direction:column;gap:2px;display:flex}.menu-title{color:var(--muted);margin:6px 10px 4px;font-size:12px;font-weight:600}.menu .switch:hover:not(:disabled){background:var(--surface-2)}.menu-reset{align-self:flex-end;margin:4px 4px 2px}.menu-sep{background:var(--border);height:1px;margin:6px 10px}.field{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.field-label{font-size:13px;font-weight:500}.field-input{border:1px solid var(--border);background:var(--surface-2);height:34px;color:var(--text);font-family:var(--mono);border-radius:8px;outline:none;padding:0 10px;font-size:12.5px;transition:border-color .15s,box-shadow .15s,background .15s}.field-input::placeholder{color:var(--faint);font-family:var(--sans)}.field-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.field-input[aria-invalid=true]{border-color:var(--del)}.field-hint,.field-error{font-size:12px;line-height:1.4}.field-hint{color:var(--muted)}.field-error{color:var(--del)}.field-chips{flex-wrap:wrap;gap:6px;display:flex}.field .segmented{display:flex}.field .segmented button{flex:1 0 auto;padding:0 8px}.menu-item{color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:10px;padding:10px;display:flex}.menu-item:hover:not(:disabled){background:var(--surface-2)}.menu-item svg{color:var(--muted);flex:none;margin-top:2px}.menu-item span{flex-direction:column;gap:1px;display:flex}.menu-item b{font-weight:550}.menu-item small{color:var(--muted);font-size:12px}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.topbar-inner{max-width:var(--page-max);height:calc(var(--topbar-h) - 1px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin:0 auto;padding:0 32px;display:grid}.brand{color:var(--text);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;flex:none;width:40px;height:40px;display:block}.brand-name{font-family:var(--display);letter-spacing:-.02em;font-size:16px;font-weight:650}.brand-by{color:var(--muted);white-space:nowrap;font-size:11px}.brand:hover .brand-name{color:var(--accent)}.logo-dark,:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.site-nav{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.site-nav a{color:var(--muted);letter-spacing:.01em;white-space:nowrap;border-radius:8px;flex:none;padding:7px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.site-nav a:hover{background:var(--surface-2);color:var(--text)}.site-nav a[aria-current=page]{background:var(--surface-3);color:var(--text);font-weight:600}:root[data-theme=dark] .site-nav a[aria-current=page]{box-shadow:inset 0 -2px #46b7a6}.site-nav a:focus-visible{outline-offset:-2px}.topbar-end{justify-content:flex-end;align-items:center;gap:8px;display:flex}.runtime-pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:11.5px;font-weight:500;display:inline-flex}.status-dot{background:var(--good);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 18%, transparent);border-radius:50%;flex:none}.theme-btn{border:1px solid #0000}.theme-btn:hover:not(:disabled){border-color:var(--border)}.main{width:100%;max-width:var(--page-max);flex:1;margin:0 auto;padding:28px 32px 48px}.page{flex-direction:column;gap:16px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-bottom:4px;display:flex}.page-title{flex-direction:column;gap:4px;min-width:0;max-width:72ch;display:flex}.page-title h1{letter-spacing:-.025em;margin:0;font-size:24px;line-height:30px}.page-lead{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.eyebrow{color:var(--eyebrow);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:500;line-height:16px}.page-controls{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.tool-group{align-items:center;gap:10px;display:inline-flex}.tool-row-label{color:var(--muted);font-size:12.5px;font-weight:550}.page-loading{color:var(--faint);text-align:center;margin:64px 0;animation:.2s .3s both fade-in}svg{flex:none}.footer{border-top:1px solid var(--border);background:var(--footer-bg)}.footer-inner{max-width:var(--page-max);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin:0 auto;padding:20px 32px;font-size:12.5px;display:flex}.footer-brand{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-name{color:var(--text);font-family:var(--display);letter-spacing:-.02em;font-size:15px;font-weight:650}.footer-dash{background:var(--border-strong);width:12px;height:1px}.footer-logo{color:var(--text);opacity:.85;align-items:center;gap:8px;margin-left:6px;text-decoration:none;transition:opacity .15s;display:inline-flex}.footer-logo:hover{opacity:1}.footer-logo img{object-fit:contain;flex:none}.footer-author{flex-direction:column;gap:2px;font-weight:550;display:flex}.footer-author small{color:var(--muted);font-size:10px;font-weight:400}.footer-links{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-note{color:var(--faint)}.inputs{flex-direction:column;gap:12px;display:flex}.splitbox{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);border:1px solid #0000;flex-direction:column;gap:12px;padding:16px;display:flex}:root[data-theme=dark] .splitbox{border-color:var(--border)}.splitbox-toolbar{background:var(--surface-2);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.tb-group{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.tb-chip{background:var(--surface-3);color:var(--text);font-family:var(--mono);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px}.tb-chip.is-plain{background:var(--surface);color:var(--muted);font-weight:400}.tb-btn{background:var(--surface);height:26px;color:var(--text);letter-spacing:.02em;white-space:nowrap;box-shadow:var(--shadow-xs);border:0;border-radius:4px;align-items:center;gap:6px;padding:0 9px;font-size:11.5px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.tb-btn:hover:not(:disabled){box-shadow:var(--shadow-xs), 0 0 0 1px var(--border)}.tb-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-soft-ink);box-shadow:inset 0 0 0 1px var(--accent-ring)}.tb-btn.is-danger{background:var(--danger-soft);color:var(--danger);box-shadow:none}.tb-btn.is-danger:hover:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 35%, transparent)}:root[data-theme=dark] .tb-btn:not(.is-danger):not([aria-pressed=true]){background:var(--surface-4)}.panes{--split:.5;grid-template-columns:calc((100% - 12px) * var(--split)) 12px minmax(0, 1fr);background:var(--surface-2);border-radius:8px;height:clamp(260px,40vh,440px);display:grid;overflow:hidden}.splitbox.is-tall .panes{height:clamp(300px,50vh,600px)}.panes.is-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.panes.is-dragging .editor{pointer-events:none}.pane-handle{background:var(--surface-3);cursor:col-resize;touch-action:none;place-items:center;transition:background .15s;display:grid}.pane-handle:hover,.panes.is-dragging .pane-handle{background:var(--surface-4)}.pane-handle:focus-visible{outline-offset:-2px}.grip{background:radial-gradient(circle, var(--muted) 1.6px, transparent 2px) center top / 4px 8px repeat-y;width:4px;height:20px}.splitbox-status{color:var(--muted);font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;font-size:11px;line-height:16px;display:flex}.status-facts{flex-wrap:wrap;gap:4px 16px;display:flex}.status-facts b{color:var(--text);font-weight:500}.status-good{color:var(--good);align-items:center;gap:6px;font-weight:500;display:inline-flex}.editor{background:var(--surface);flex-direction:column;min-width:0;min-height:0;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden}.editor:focus-within{box-shadow:inset 0 0 0 2px var(--accent-ring)}.editor.has-error{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--del) 45%, transparent)}.editor.is-over{box-shadow:inset 0 0 0 2px var(--accent)}.editor-head{background:var(--surface-3);height:30px;font-family:var(--mono);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 4px 0 12px;font-size:11px;display:flex}.editor-title{min-width:0;color:var(--muted);align-items:center;gap:8px;display:flex}.editor-title strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.side-label{white-space:nowrap;flex:none}.side-dot{background:var(--faint);border-radius:50%;flex:none;width:6px;height:6px}.side-dot.before{background:var(--danger)}.side-dot.after,.side-dot.output{background:var(--good)}.side-dot.input,.side-dot.a{background:var(--accent)}.side-dot.b{background:var(--good)}.side-dot.c{background:var(--mod)}.editor-tools{flex:none;align-items:center;gap:0;display:flex}.editor-meta{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:6px}.editor-tools .icon-btn{border-radius:4px;width:24px;height:24px}.editor-tools .icon-btn svg{width:14px;height:14px}.editor-shell{flex:1;min-height:0;position:relative}.code-editor{position:absolute;inset:0}.editor-empty{color:var(--muted);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px;display:flex;position:absolute;inset:30px 0 0}.editor-empty strong{color:var(--text);font-family:var(--display);font-size:14px;font-weight:600}.editor-empty .btn{pointer-events:auto;margin-top:10px}.editor-empty-icon{background:var(--surface-3);width:44px;height:44px;color:var(--muted);border-radius:12px;place-items:center;margin-bottom:8px;display:grid}.editor-error,.editor-note{border-top:1px solid var(--border);flex:none;margin:0;padding:7px 12px;font-size:12px}.editor-error{background:var(--del-bg);color:var(--del)}.editor-note{background:var(--surface-2);color:var(--muted)}.editor-shell.is-stale{opacity:.45;transition:opacity .2s}.drop-mask{background:color-mix(in srgb, var(--surface) 90%, transparent);color:var(--accent);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:absolute;inset:0}.files-bar{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}:root[data-theme=dark] .files-bar{border:1px solid var(--border)}.file-chip{background:var(--surface-3);min-width:0;height:34px;color:var(--muted);font-family:var(--mono);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:11.5px;display:flex}.file-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.bridge{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.bridge-side{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.bridge-side.is-start{justify-content:flex-end}.bridge-side.is-end{justify-content:flex-start}.bridge-actions{align-items:center;gap:8px;display:flex}.btn.compare,.btn.wide{border-radius:8px;gap:10px;min-width:156px;height:40px;padding:0 16px 0 20px;font-size:14px;font-weight:600}.btn.wide{padding:0 20px}.btn.compare{box-shadow:var(--shadow-sm), 0 8px 18px -10px var(--accent)}.btn.compare:disabled{opacity:.45;box-shadow:none}.btn.compare kbd,.btn.launch kbd{min-width:0;color:inherit;font-family:var(--mono);background:#ffffff29;border:0;padding:0 6px;font-size:11px;font-weight:500}.btn.compare.is-due,.btn.wide.is-due{animation:1.6s ease-out 2 due}.results{scroll-margin-top:var(--topbar-h);flex-direction:column;display:flex}.results-head{top:var(--topbar-h);z-index:10;background:var(--bg);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 0;display:grid;position:sticky}.results-tools{justify-content:flex-end;align-items:center;gap:8px;display:flex}.summary{align-items:center;gap:12px;min-width:0;display:flex}.ring{flex:none;width:40px;height:40px}.ring-track,.ring-value{fill:none;stroke-width:4px}.ring-track{stroke:var(--surface-3)}.ring-value{stroke:var(--add);stroke-linecap:round;transform-origin:18px 18px;transition:stroke-dasharray .4s,stroke .2s;transform:rotate(-90deg)}.tone-mid .ring-value{stroke:var(--mod)}.tone-low .ring-value{stroke:var(--del)}.summary-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.summary-line{flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:0;display:flex}.summary-line strong{white-space:nowrap;font-size:15px;font-weight:650}.summary-line span,.tally-note{color:var(--muted);white-space:nowrap;font-size:12.5px}.tally-note{margin:0}.tally{color:var(--muted);flex-wrap:wrap;gap:2px 12px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.tally li{white-space:nowrap}.tally .tally-unit{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.tally b{font-variant-numeric:tabular-nums;font-weight:650}.tally .add b{color:var(--add)}.tally .del b{color:var(--del)}.tally .mod b{color:var(--mod)}.tally .move b{color:var(--move)}.tally .is-zero{opacity:.6}.tally .is-zero b{color:inherit}.canvas{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:320px;box-shadow:var(--shadow-xs);flex-direction:column;display:flex;position:relative;overflow:clip}.canvas:before{content:"";z-index:2;background:linear-gradient(90deg, transparent, var(--accent), transparent) no-repeat;opacity:0;pointer-events:none;background-size:40% 100%;height:2px;position:absolute;top:0;left:0;right:0}.canvas.is-pending:before{opacity:1;transition:opacity .2s .35s;animation:1.1s linear infinite pending}.canvas-scroll{flex:1;min-width:0}.canvas.is-pending .canvas-scroll{opacity:.55;transition:opacity .2s .35s}.canvas-sub{border-bottom:1px solid var(--border);justify-content:center;padding:10px 12px;display:flex}.stale-bar{border-bottom:1px solid var(--border);background:var(--accent-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:8px 16px;font-size:13px;font-weight:500;animation:.2s fade-in;display:flex}.canvas.is-stale .canvas-scroll,.canvas.is-stale .canvas-sub{opacity:.45;transition:opacity .2s}.results.is-stale .summary{opacity:.5;transition:opacity .2s}.banners{flex-direction:column;display:flex}.banner{border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--muted);text-align:center;margin:0;padding:9px 16px;font-size:12.5px}.banner.is-warn{background:var(--mod-bg);color:var(--mod)}.state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;display:flex}.state strong{color:var(--text);font-size:16px;font-weight:650}.state p{max-width:48ch;margin:0;line-height:1.5}.state .btn{margin-top:12px}.state-icon{background:var(--surface-3);width:48px;height:48px;color:var(--muted);border-radius:14px;place-items:center;margin-bottom:6px;display:grid}.state.calm .state-icon{background:var(--add-bg);color:var(--add)}.state.welcome{padding:72px 24px}.state.welcome .state-icon{background:var(--accent-soft);color:var(--accent)}.state-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.state .state-actions .btn{margin-top:0}.list-panes{background:var(--surface-2);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:clamp(220px,34vh,380px);display:grid;overflow:hidden}.list-panes.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1200px){.list-panes.is-3 .editor-meta{display:none}}.sets{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:clip}.sets.is-stale .sets-body{opacity:.45;transition:opacity .2s}.sets-body{grid-template-columns:minmax(260px,360px) minmax(0,1fr);display:grid}.sets-ops{border-right:1px solid var(--border);flex-direction:column;gap:14px;padding:16px 18px;display:flex}.sets-group{flex-direction:column;gap:8px;display:flex}.sets-group-label{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.set-chip{font-family:var(--mono);font-size:12px}.sets-result{flex-direction:column;min-width:0;display:flex}.sets-pane{border-top:1px solid var(--border);flex:1;height:clamp(260px,44vh,520px);min-height:260px;display:flex}.sets-pane .editor{flex:1}.sample-sets .sample-row>:nth-child(2){margin-right:auto}.details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:clip}.details>*+*{border-top:1px solid var(--border)}.details.is-stale>*{opacity:.45;transition:opacity .2s}.details .state.welcome{padding:44px 24px}.details-head{align-items:center;gap:12px;padding:16px 18px;display:flex}.details-badge{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.details-badge.is-good{background:var(--add-bg);color:var(--add)}.details-badge.is-bad{background:var(--del-bg);color:var(--del)}.details-title{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.details-title strong{font-size:15px;font-weight:650}.details-title span{color:var(--muted);font-size:12.5px}.facts{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 28px;margin:0;padding:16px 18px;display:grid}.fact{flex-direction:column;gap:3px;min-width:0;display:flex}.fact dt{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.fact dd{flex-direction:column;gap:1px;min-width:0;margin:0;display:flex}.fact dd span{font-family:var(--mono);overflow-wrap:anywhere;font-size:12.5px}.fact dd small{color:var(--muted);font-size:12px}.fact.is-good dd,.fact.is-good dd small{color:var(--add)}.fact.is-bad dd,.fact.is-bad dd small{color:var(--del)}.data.params{min-width:0}.params td{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;font-size:12.5px}.params td:first-child{width:28%;font-weight:550}.preview-wrap{justify-content:center;padding:18px;display:flex}.preview{border:1px solid var(--border);background:repeating-conic-gradient(var(--surface-3) 0 25%, var(--surface) 0 50%) 0 0 / 16px 16px;border-radius:8px;max-width:min(100%,520px);max-height:380px;display:block}.details-notes{color:var(--muted);flex-direction:column;gap:4px;margin:0;padding:12px 18px 14px 36px;font-size:12.5px;line-height:1.5;display:flex}.diff{font-family:var(--mono);font-size:12.5px;line-height:1.6}.diff .row{min-height:1.6em;display:grid}.split .row{grid-template-columns:3.6rem minmax(0,1fr) 3.6rem minmax(0,1fr)}.split.is-sorted .row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.unified .row{grid-template-columns:3.6rem 1.8rem minmax(0,1fr)}.unified.is-sorted .row{grid-template-columns:1.8rem minmax(0,1fr)}.diff.is-sorted .no{display:none}.no{background:var(--surface-2);color:var(--faint);text-align:right;-webkit-user-select:none;user-select:none;padding:0 10px 0 6px;font-size:11.5px}.split .no.right,.split.is-sorted .cell.right{border-left:1px solid var(--border)}.cell{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;padding:0 14px}.sign{color:var(--faint);text-align:center;-webkit-user-select:none;user-select:none}.split .line-remove .cell.left,.split .line-modify .cell.left{background:var(--del-bg)}.split .line-add .cell.right,.split .line-modify .cell.right{background:var(--add-bg)}.split .line-remove .no:first-child,.split .line-modify .no:first-child{background:var(--del-bg-2);color:var(--del)}.split .line-add .no.right,.split .line-modify .no.right{background:var(--add-bg-2);color:var(--add)}.cell.is-gap{background:repeating-linear-gradient(135deg, transparent 0 6px, var(--hatch) 6px 7px)}.unified .line-remove .cell,.unified .line-remove .sign{background:var(--del-bg);color:inherit}.unified .line-add .cell,.unified .line-add .sign{background:var(--add-bg)}.unified .line-remove .no{background:var(--del-bg-2);color:var(--del)}.unified .line-add .no{background:var(--add-bg-2);color:var(--add)}.unified .line-remove .sign{color:var(--del)}.unified .line-add .sign{color:var(--add)}mark.word{color:inherit;border-radius:3px;margin:0 -1px;padding:0 1px}.cell.left mark.word,.line-remove mark.word{background:var(--del-strong)}.cell.right mark.word,.line-add mark.word{background:var(--add-strong)}.row.is-fuzzy .cell{background:var(--mod-bg)}.blank{color:var(--faint);opacity:.7}.diff .row:hover>.cell,.pair:hover .cell{box-shadow:inset 0 0 0 999px var(--hover)}.row.is-hit>.cell,.pair.is-hit .cell{box-shadow:inset 0 0 0 999px var(--accent-soft)}.row.is-active,.pair.is-active{outline:2px solid var(--accent);outline-offset:-2px}.row.is-active>*,.pair.is-active .row>*{animation:1.2s ease-out flash}.fold{border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--muted);font-family:var(--sans);justify-content:center;align-items:center;gap:10px;padding:4px 12px;font-size:12px;display:flex}.fold:hover{background:var(--accent-soft);color:var(--text)}.fold-action{color:var(--accent);font-weight:600}.show-more{border:0;border-top:1px solid var(--border);width:100%;color:var(--accent);font-family:var(--sans);background:0 0;flex-direction:column;align-items:center;gap:2px;padding:12px;font-size:13px;font-weight:600;display:flex}.show-more span{color:var(--faint);font-size:12px;font-weight:400}.show-more:hover{background:var(--accent-soft)}.stream{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px 24px;font-size:12.5px;line-height:1.75}.stream.is-prose{max-width:84ch;font-family:var(--sans);margin:0 auto;font-size:15px}.stream ins{background:var(--add-strong);color:inherit;border-radius:3px;text-decoration:none}.stream del{background:var(--del-bg-2);color:var(--del);border-radius:3px;text-decoration:line-through}.patch{overflow-x:auto}.patch pre{width:max-content;min-width:100%;font-family:var(--mono);margin:0;padding:10px 0;font-size:12.5px;line-height:1.6}.patch pre div{white-space:pre;padding:0 18px}.patch .add{background:var(--add-bg)}.patch .del{background:var(--del-bg)}.patch .hunk{background:var(--move-bg);color:var(--move)}.patch .meta{color:var(--muted);font-weight:600}.tree{padding:8px 0 14px;font-size:13px}.tree-row{align-items:center;gap:8px;min-height:30px;padding-right:16px;display:flex}.tree-row:hover{background:var(--hover)}.tree-row.is-active{outline:2px solid var(--accent);outline-offset:-2px}.twisty{width:20px;height:20px;color:var(--faint);background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;display:grid}.twisty svg{transition:transform .15s}.twisty[aria-expanded=true] svg{transform:rotate(90deg)}button.twisty:hover{background:var(--surface-3);color:var(--text)}.dot{background:var(--border-strong);border-radius:50%;flex:none;width:8px;height:8px}.dot.add,.item-dot.add{background:var(--add)}.dot.del,.item-dot.del{background:var(--del)}.dot.mod,.item-dot.mod{background:var(--mod)}.dot.move,.item-dot.move{background:var(--move)}.tree-row .key{font-family:var(--mono);white-space:nowrap;font-size:12.5px;font-weight:550}.tree-row.same .key{color:var(--muted);font-weight:400}.pill{background:var(--surface-3);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-style:normal}.pill.move{background:var(--move-bg);color:var(--move)}.pill.mod{background:var(--mod-bg);color:var(--mod)}.tree-values{min-width:0;font-family:var(--mono);align-items:center;gap:8px;font-size:12px;display:flex}.tree-values span{text-overflow:ellipsis;white-space:nowrap;max-width:40ch;overflow:hidden}.tree-values .before{background:var(--del-bg);color:var(--del);border-radius:4px;padding:0 5px;text-decoration:line-through}.tree-values .after{background:var(--add-bg);color:var(--add);border-radius:4px;padding:0 5px}.tree-values .same{color:var(--muted)}.tree-values .arrow{color:var(--faint)}.tree-more{border-top:0;flex-direction:row;align-items:baseline;gap:8px;width:auto;padding:6px 12px}.table-wrap{overflow-x:auto}.table-caption{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 16px;font-size:12.5px;display:flex}.table-caption code{background:var(--surface-3);color:var(--text);font-family:var(--mono);border-radius:5px;padding:1px 6px}.caption-key{margin-left:10px}.caption-key b{color:var(--text);font-family:var(--mono);font-weight:550}.data{border-collapse:separate;border-spacing:0;width:100%;min-width:max-content;font-size:13px}.data th,.data td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;padding:8px 14px;font-weight:400}.data thead th{background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600}.data tbody tr:hover>*{box-shadow:inset 0 0 0 999px var(--hover)}.data tbody th{font-weight:550}.data th.added,.data td.added{background:var(--add-bg)}.data th.removed,.data td.removed{background:var(--del-bg)}.data td.changed{background:var(--mod-bg)}.data td.missing{color:var(--faint)}.data td s{color:var(--del);display:block}.data td em{color:var(--move);font-size:11px;font-style:normal;display:block}.data th small,.data td small{color:var(--muted);margin-top:2px;font-size:11.5px;font-weight:400;display:block}.data tr.added>:first-child{box-shadow:inset 3px 0 0 var(--add)}.data tr.removed>:first-child{box-shadow:inset 3px 0 0 var(--del)}.data tr.changed>:first-child{box-shadow:inset 3px 0 0 var(--mod)}.data tr.moved>:first-child{box-shadow:inset 3px 0 0 var(--move)}.data tr.is-active{outline:2px solid var(--accent);outline-offset:-2px}.fields .path,.fields .before,.fields .after{font-family:var(--mono);font-size:12.5px}.fields .before,.fields .after{white-space:pre-wrap;overflow-wrap:anywhere;max-width:52ch}.fields tr:not(.same) .before{color:var(--del)}.fields tr:not(.same) .after{color:var(--add)}.status-pill{background:var(--surface-3);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.status-pill.added{background:var(--add-bg);color:var(--add)}.status-pill.removed{background:var(--del-bg);color:var(--del)}.status-pill.changed,.status-pill.mixed,.status-pill.type,.status-pill.reordered{background:var(--mod-bg);color:var(--mod)}.status-pill.moved{background:var(--move-bg);color:var(--move)}.navigator{z-index:6;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-self:center;align-items:center;gap:2px;margin:12px 0 16px;padding:4px;display:inline-flex;position:sticky;bottom:16px}.navigator .icon-btn{border-radius:50%}.nav-label{height:32px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:550;display:inline-flex}.nav-label svg{color:var(--muted)}.nav-label:hover,.nav-label[aria-pressed=true]{background:var(--surface-3)}.panel{z-index:30;border:1px solid var(--border);background:var(--surface);width:min(380px,100vw - 32px);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;animation:.22s ease-out slide-in;display:flex;position:fixed;top:16px;bottom:16px;right:16px}.panel-head{align-items:center;gap:8px;padding:12px 10px 8px 16px;display:flex}.panel-head h2{margin:0;font-size:15px;font-weight:650}.panel-head .count{background:var(--surface-3);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;margin-right:auto;padding:1px 8px;font-size:12px}.search{border:1px solid var(--border);background:var(--surface-2);height:36px;color:var(--faint);border-radius:10px;align-items:center;gap:8px;margin:4px 16px 10px;padding:0 10px;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1}.chips{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:0 16px 12px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);height:28px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:inline-flex}.chip em{color:var(--faint);font-variant-numeric:tabular-nums;font-style:normal}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip.add[aria-pressed=true]{border-color:var(--add);background:var(--add-bg);color:var(--add)}.chip.del[aria-pressed=true]{border-color:var(--del);background:var(--del-bg);color:var(--del)}.chip.mod[aria-pressed=true]{border-color:var(--mod);background:var(--mod-bg);color:var(--mod)}.chip.move[aria-pressed=true]{border-color:var(--move);background:var(--move-bg);color:var(--move)}.chip[aria-pressed=true] em{color:inherit;opacity:.75}.item-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:6px 8px 10px;display:flex;overflow:auto}.item{color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.item:hover{background:var(--surface-3)}.item.is-active{background:var(--accent-soft)}.item-dot{border-radius:50%;width:8px;height:8px}.item-body{flex-direction:column;gap:1px;min-width:0;display:flex}.item-body strong{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.item-body small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.item-kind{font-size:11px;font-weight:600}.item-kind.add{color:var(--add)}.item-kind.del{color:var(--del)}.item-kind.mod{color:var(--mod)}.item-kind.move{color:var(--move)}.empty-list{color:var(--muted);text-align:center;margin:0;padding:24px 12px}.item-list .show-more{border-top:0;border-radius:10px}.toast-region{z-index:50;pointer-events:none;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.toast{background:var(--toast-bg);color:var(--toast-ink);white-space:nowrap;box-shadow:var(--shadow);border-radius:10px;padding:10px 16px;font-weight:500;animation:.2s ease-out toast-in}.card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid #0000}:root[data-theme=dark] .card{border-color:var(--border)}.tile{background:var(--surface-3);width:40px;height:40px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.tile.is-good{color:var(--good)}.tile.is-accent{color:var(--accent)}.tile.is-large{width:48px;height:48px;color:var(--muted);border-radius:12px}.page.home{gap:40px;padding-top:8px}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}.hero-copy{flex-direction:column;align-items:flex-start;gap:16px;min-width:0;display:flex}.eyebrow-pill{background:var(--surface-2);color:var(--text);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;margin:0;padding:4px 12px;font-size:11.5px;font-weight:500;display:inline-flex}:root[data-theme=dark] .eyebrow-pill{border:1px solid var(--border)}.eyebrow-sep{color:var(--border-strong)}.eyebrow-mono{color:var(--muted);font-family:var(--mono);font-size:11px}.hero h1{letter-spacing:-.025em;margin:0;font-size:clamp(26px,2.5vw,32px);line-height:1.25}:root[data-theme=dark] .hero-accent{background:linear-gradient(90deg,#46b7a6,#a8e0d5);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:66ch;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.btn.launch{height:36px;padding:0 10px 0 14px}.btn.raised.launch svg{color:var(--muted)}.btn.raised.launch kbd{background:var(--surface-3);color:var(--muted)}.hero-art{color:var(--faint);font-family:var(--mono);flex-direction:column;gap:14px;padding-right:4px;font-size:11px;display:flex}.hero-art span{white-space:nowrap;align-items:center;gap:12px;display:flex}.hero-art b{color:var(--accent);opacity:.5;font-weight:500}.hero-art i{background:var(--border);width:64px;height:1px}.hero-art .is-lit{color:var(--good)}.hero-art .is-lit i{background:color-mix(in srgb, var(--good) 40%, transparent);height:2px}.home-section{flex-direction:column;gap:16px;display:flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;display:flex}.section-head h2{letter-spacing:-.015em;margin:2px 0 0;font-size:22px;line-height:28px}.section-note{color:var(--muted);font-family:var(--mono);margin:0;font-size:11.5px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.tool-card{flex-direction:column;gap:12px;padding:24px;transition:box-shadow .2s;display:flex}.tool-card:hover{box-shadow:var(--shadow-md)}.tool-card h3{letter-spacing:-.01em;margin:8px 0 0;font-size:16px;line-height:24px}.tool-card>p{color:var(--muted);margin:0;font-size:13px;line-height:1.62}.sample{background:var(--bg);box-shadow:var(--shadow-inset);color:var(--muted);font-family:var(--mono);border-radius:8px;flex-direction:column;gap:2px;margin-top:4px;padding:8px;font-size:11px;line-height:16px;display:flex}.sample-diff span{white-space:pre;border-radius:2px;gap:8px;padding:0 4px;display:flex;overflow:hidden}.sample-diff b{min-width:2.2em;color:var(--faint);font-weight:400}.sample-diff .is-del{background:var(--del-bg-2);color:var(--del)}.sample-diff .is-add{background:var(--add-bg-2);color:var(--add)}.sample-diff .is-del b,.sample-diff .is-add b{color:inherit}.sample-row{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.sample-chip{background:var(--surface-3);color:var(--text);border-radius:4px;padding:1px 6px;font-weight:500}.sample-arrow{color:var(--faint)}.sample-convert .sample-row:first-child{justify-content:flex-start}.sample-good{color:var(--good);letter-spacing:.04em;text-transform:uppercase;margin-left:auto;font-weight:500}.sample-key{color:var(--accent)}.sample-decode .is-head{color:var(--del)}.sample-decode .is-claims{color:var(--accent)}.sample-decode small{color:var(--faint);font-size:10.5px}.sample-decode .is-good{color:var(--good);justify-content:flex-start;gap:6px}.card-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.card-meta{color:var(--muted);font-family:var(--mono);font-size:11px}.card-foot a{color:var(--accent);align-items:center;gap:6px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.card-foot a:hover{text-underline-offset:3px;text-decoration:underline}.home-start{flex-direction:column;gap:16px;display:flex}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.stat{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:12px;padding:16px;display:flex}:root[data-theme=dark] .stat{border:1px solid var(--border);background:var(--surface)}.stat .tile{background:var(--surface);width:36px;height:36px;box-shadow:var(--shadow-xs)}:root[data-theme=dark] .stat .tile{background:var(--surface-3)}.stat-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-copy strong{font-family:var(--display);letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:22px}.stat-copy span{color:var(--muted);font-size:12px}.dropzone{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;transition:box-shadow .15s,background .15s;display:flex}.dropzone.is-over{background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface));box-shadow:inset 0 0 0 2px var(--accent)}.dropzone .tile{margin-bottom:8px}.dropzone h3{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:24px}.dropzone p{max-width:62ch;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.dropzone .dropzone-browse{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:inline-flex}.code-btn{background:var(--surface-3);color:var(--text);font-family:var(--mono);border:0;border-radius:4px;padding:2px 8px;font-size:11px}.code-btn:hover{background:var(--surface-4)}.dropzone-choice{flex-direction:column;align-items:center;gap:4px;display:flex}.choice-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.dropzone .dropzone-problem{background:var(--del-bg);color:var(--del);border-radius:8px;margin-top:8px;padding:8px 12px}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.help-card{padding:24px}.help-card.is-wide{grid-column:1/-1}.help-card h2{letter-spacing:-.015em;margin:0 0 14px;font-size:18px;line-height:26px}.help-card h2 a{color:inherit;text-decoration:none}.help-card h2 a:hover{color:var(--accent)}.help-card h3{color:var(--eyebrow);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 8px;font-size:11px;font-weight:500}.help-card h3:first-child{margin-top:0}.help-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;display:grid}.help-card p,.help-card li,.help-card dd{color:var(--muted);margin:0;line-height:1.6}.help-card ol,.help-card ul{gap:6px;margin:0;padding-left:20px;display:grid}.help-card strong{color:var(--text);font-weight:600}.help-card code{background:var(--surface-3);color:var(--text);font-family:var(--mono);border-radius:4px;padding:1px 5px;font-size:11.5px}.help-card .step-note,.help-card .help-more{margin-top:10px}.help-card.is-privacy{background:var(--add-bg)}.help-card.is-privacy h2{color:var(--add)}.keys{grid-template-columns:auto 1fr;align-items:center;gap:10px 16px;margin:0;display:grid}.keys dt{gap:4px;display:flex}@keyframes pending{0%{background-position:-40% 0}to{background-position:140% 0}}@keyframes flash{0%{box-shadow:inset 0 0 0 999px var(--flash)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes due{0%{box-shadow:0 0 0 0 var(--accent-ring)}to{box-shadow:0 0 0 12px #0000}}@media (width<=1500px){.results-head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"views views""summary tools";row-gap:10px}.results-head>.segmented{grid-area:views;justify-self:center}.summary{grid-area:summary}.results-tools{grid-area:tools}}@media (width>=761px){.panel{top:calc(var(--topbar-h) + 12px)}}@media (width>=961px){.results.has-panel .results-head,.results.has-panel .canvas{margin-right:max(0px, 376px - max(0px, (100vw - var(--page-max)) / 2))}}@media (width<=1280px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{display:none}.help-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=960px){.stats{grid-template-columns:minmax(0,1fr);gap:16px}.cards{gap:16px}.sets-body{grid-template-columns:minmax(0,1fr)}.sets-ops{border-right:0;border-bottom:1px solid var(--border)}.help-grid,.help-columns{grid-template-columns:minmax(0,1fr)}.runtime-pill{display:none}}@media (width<=760px){:root{--topbar-h:0px}.topbar{position:static}.topbar-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand end""nav nav";row-gap:6px;height:auto;padding:10px 16px 8px}.brand{grid-area:brand}.brand-by{display:none}.topbar-end{grid-area:end}.site-nav{grid-area:nav;margin:0 -4px}.site-nav a{text-align:center;flex:1 0 auto;padding:6px}.cards{grid-template-columns:minmax(0,1fr)}.list-panes,.list-panes.is-3{grid-template-columns:minmax(0,1fr);grid-auto-rows:220px;height:auto}.sets-ops{padding:14px}.main{padding:20px 16px 32px}.page{gap:12px}.page.home{gap:32px}.page-head,.page-controls{flex-direction:column;align-items:stretch}.page-controls .segmented{display:flex}.page-controls .segmented button{flex:1;padding:0 8px}.tool-group{grid-template-columns:3.2em minmax(0,1fr);display:grid}.hero-actions .btn{flex:100%}.tool-card,.help-card{padding:20px}.dropzone{padding:32px 20px}.splitbox{gap:10px;padding:10px}.panes,.splitbox.is-tall .panes{grid-template-rows:260px 260px;grid-template-columns:minmax(0,1fr);gap:8px;height:auto}.splitbox.is-tall .panes{grid-template-rows:280px 280px}.pane-handle,.status-facts>:last-child{display:none}.files-bar{grid-template-columns:minmax(0,1fr)}.editor-meta{display:none}.bridge{grid-template-columns:minmax(0,1fr);gap:6px}.btn.compare{order:-1;width:100%;height:44px}.bridge-actions{order:-1}.bridge-actions .btn{flex:1;width:auto;height:44px}.bridge-side.is-start,.bridge-side.is-end{justify-content:center}.bridge-side:empty{display:none}.details-head{flex-wrap:wrap}.results-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"summary""views""tools";position:static}.results-head>.segmented{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch;display:grid}.results-head>.segmented button{padding:0 6px}.results-tools{flex-wrap:wrap;justify-content:space-between}.split .row{grid-template-columns:2.6rem minmax(0,1fr) 2.6rem minmax(0,1fr)}.unified .row{grid-template-columns:2.6rem 1.4rem minmax(0,1fr)}.cell{padding:0 8px}.popover{position:static}.popover-panel{width:auto;position:fixed;inset:auto 12px 12px}.panel{width:auto;height:min(72dvh,560px);padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;animation-name:sheet-in;inset:auto 0 0}.footer-inner{padding:18px 16px}.toast{white-space:normal;text-align:center}.toast-region{justify-content:center;width:calc(100vw - 32px);display:flex}}@media (width<=360px){.site-nav{gap:0}.site-nav a{padding:6px 2px;font-size:12.5px}.main,.topbar-inner{padding-left:12px;padding-right:12px}}@media (hover:none){.btn.compare kbd,.btn.launch kbd{display:none}}@media (pointer:coarse){.segmented button{height:34px}.segmented.is-small button{height:30px}.tb-btn{height:32px;padding:0 11px;font-size:12.5px}.chip{height:32px}.editor-head{height:38px}.editor-empty{inset:38px 0 0}.editor-tools{gap:2px}.editor-tools .icon-btn{width:32px;height:32px}.editor-tools .icon-btn svg{width:16px;height:16px}.twisty{width:28px;height:28px}.tree-row{min-height:36px}.fold{padding:9px 12px}.field-input{height:40px;font-size:16px}.search{height:40px}.search input,.code-editor .cm-editor{font-size:16px}.code-editor .cm-scroller{line-height:24px}.code-editor .cm-textfield{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
