@import url('/assets/css/main.css');

/* Text Diff Checker — tool-specific styles */
.tool-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.1rem 0 .3rem}
textarea#input{min-height:170px}
.result h3{font-size:1.05rem}
.dl-wrap{background:#04070f;border:1px solid var(--line-soft);border-radius:8px;overflow:auto;max-height:480px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.84rem}
.dl{display:flex;gap:.7rem;padding:.3rem .8rem;border-bottom:1px solid rgba(255,255,255,.03);white-space:pre-wrap;word-break:break-word}
.dl-sign{flex:0 0 1rem;font-weight:700}
.dl-add{background:rgba(52,211,153,.1);color:#b8f0d8}
.dl-add .dl-sign{color:var(--green)}
.dl-del{background:rgba(248,113,113,.1);color:#fecaca}
.dl-del .dl-sign{color:var(--red)}
.dl-same{color:var(--muted)}
.dl-legend{display:flex;gap:.8rem;flex-wrap:wrap;margin:.8rem 0;font-size:.85rem}
.dl-legend .lg{padding:.25rem .8rem;border-radius:999px;background:var(--panel-2);border:1px solid var(--line)}
.dl-legend .lg.add{color:var(--green);border-color:rgba(52,211,153,.4)}
.dl-legend .lg.del{color:var(--red);border-color:rgba(248,113,113,.4)}
textarea#textA,textarea#textB{min-height:170px}

/* live input counters (pro) */
.input-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin-top:.55rem;font-size:.85rem;color:var(--muted)}
.input-stats span{white-space:nowrap}