--code-font: "JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", Consolas, ui-monospace, monospace; .lang-row{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}.lang-row label{font-size:12px;font-weight:500;color:var(--t2)}.lang-select{font-family:var(--f);font-size:13px;color:var(--t1);background:var(--card);border:1px solid var(--border);border-radius:var(--rx);padding:5px 10px;min-width:160px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.input-pane{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column;transition:border-color .15s;position:relative;min-height:420px}.input-pane:focus-within{border-color:var(--border-f)}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);gap:8px}.pane-label{font-size:12.5px;font-weight:600;color:var(--t1);display:flex;align-items:center;gap:6px}.pane-label .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-a{background:var(--t3)}.dot-b{background:var(--accent)}.pane-actions{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.pane-btn{font-family:var(--f);font-size:11.5px;font-weight:500;color:var(--t3);background:none;border:1px solid var(--border);padding:3px 9px;border-radius:var(--rx);cursor:pointer;transition:all .12s}.pane-btn:hover{color:var(--t2);background:var(--surface);border-color:var(--t4)}.pane-area{flex:1;min-height:340px;padding:14px 16px;font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,Consolas,ui-monospace,monospace;font-size:13px;line-height:1.65;color:var(--body);background:transparent;border:none;resize:none;outline:none;width:100%;tab-size:2}.pane-area::placeholder{color:var(--t4)}.pane-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--border);font-size:11.5px;color:var(--t3);font-variant-numeric:tabular-nums;gap:8px}.inputs.off,.results{display:none}.results.on{display:block}.lang-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:2px 10px;border-radius:var(--rx);background:var(--surface);color:var(--t2);margin-left:8px}.lang-badge.hidden{display:none}.nodiff-card{display:none;background:var(--card);border:1.5px solid var(--add-line);border-radius:var(--r);padding:32px;text-align:center;margin-bottom:16px}.nodiff-card.visible{display:block}.nodiff-icon{width:48px;height:48px;border-radius:50%;background:var(--add-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.nodiff-title{font-size:18px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px;color:var(--add-t)}.nodiff-desc{font-size:14px;color:var(--t2);line-height:1.5;max-width:380px;margin:0 auto}.code-block{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:auto;max-height:75vh;font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,Consolas,ui-monospace,monospace;font-size:13px;line-height:1.65;color:var(--body);margin-bottom:16px}.code-block-unified .code-line{display:grid;grid-template-columns:48px 48px 18px 1fr;align-items:start;border-bottom:1px solid transparent}.code-line .ln{padding:1px 8px;text-align:right;color:var(--t4);user-select:none;font-size:11.5px;background:var(--surface);border-right:1px solid var(--border);font-variant-numeric:tabular-nums}.code-line .ln.ln-new{border-right:1px solid var(--border)}.code-line .ln-marker{padding:1px 4px;text-align:center;color:var(--t4);user-select:none;background:var(--surface);border-right:1px solid var(--border);font-weight:600}.code-line .code-content{padding:1px 12px;white-space:pre;overflow:visible;tab-size:2}.code-line-eq{color:var(--body)}.code-line-rm{background:var(--rm-bg)}.code-line-rm .ln,.code-line-rm .ln-marker{background:#ffe4dd;color:var(--rm-t)}.code-line-add{background:var(--add-bg)}.code-line-add .ln,.code-line-add .ln-marker{background:#ddf3df;color:var(--add-t)}.code-block-split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);padding:0;max-height:75vh;overflow:hidden}.code-split-side{background:var(--card);overflow:auto;height:75vh}.code-split-side .code-line{display:grid;grid-template-columns:48px 1fr;align-items:start;border-bottom:1px solid transparent}.code-split-side .code-line .ln{border-right:1px solid var(--border)}.code-split-side .code-line-rm-side{background:var(--rm-bg);border-left:3px solid var(--rm-line)}.code-split-side .code-line-rm-side .ln{background:#ffe4dd;color:var(--rm-t)}.code-split-side .code-line-add-side{background:var(--add-bg);border-left:3px solid var(--add-line)}.code-split-side .code-line-add-side .ln{background:#ddf3df;color:var(--add-t)}.code-split-side .code-line-spacer{background:var(--surface);min-height:1.65em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#7d7d72;font-style:italic}.token.punctuation{color:#5c5c58}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#9c2b58}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#1b7556}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#5b3b87;background:transparent}.token.atrule,.token.attr-value,.token.keyword{color:#1746b0}.token.function,.token.class-name{color:#9d4500}.token.regex,.token.important,.token.variable{color:#925a00}.token.important,.token.bold{font-weight:600}.token.italic{font-style:italic}.ai.hidden{display:none}@media (max-width:740px){.input-grid,.code-block-split{grid-template-columns:1fr}.code-block-split .code-split-side:last-child{display:none}}