/**
 * Text Diff Tool Specific Styling
 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:transparent;color:#0f172a}
.td-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:32px;max-width:900px;margin:0 auto}
.td-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#0f172a}
.td-textarea{width:100%;min-height:200px;padding:14px 16px;border:2px solid #e2e8f0;border-radius:8px;font-family:'Inter',sans-serif;font-size:14px;line-height:1.6;color:#0f172a;background:#fff;transition:border-color .2s ease;resize:vertical}
.td-textarea:focus{outline:none;border-color:#4f46e5}
.td-textarea::placeholder{color:#94a3b8}
.td-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;background:#4f46e5;color:#fff;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;height:48px}
.td-btn:hover{background:#4338ca}
.td-btn:active{transform:scale(.98)}
.td-btn-secondary{background:#f1f5f9;color:#475569}
.td-btn-secondary:hover{background:#e2e8f0}
.td-btn-row{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.td-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.td-stat{font-size:13px;font-weight:500;padding:6px 14px;border-radius:20px}
.td-stat-add{background:#dcfce7;color:#16a34a}
.td-stat-remove{background:#fee2e2;color:#dc2626}
.td-stat-unchanged{background:#f1f5f9;color:#64748b}
.td-output{width:100%;min-height:200px;padding:14px 16px;border:2px solid #e2e8f0;border-radius:8px;font-family:'Inter',monospace;font-size:13px;line-height:1.8;background:#f8fafc;color:#0f172a;white-space:pre-wrap;word-break:break-word;resize:vertical}
.td-line{display:block;padding:2px 10px;border-radius:4px}
.td-line-add{background:#dcfce7;color:#166534}
.td-line-remove{background:#fee2e2;color:#991b1b;text-decoration:line-through}
.td-line-same{color:#94a3b8}
.td-line-num{display:inline-block;width:36px;text-align:right;margin-right:12px;color:#94a3b8;font-size:12px;user-select:none}
[data-theme="dark"] .td-card{background:#1e293b;box-shadow:0 4px 20px rgba(0,0,0,.3)}
[data-theme="dark"] .td-label,[data-theme="dark"] .td-textarea{color:#e2e8f0}
[data-theme="dark"] .td-textarea{background:#0f172a;border-color:#334155}
[data-theme="dark"] .td-textarea::placeholder{color:#64748b}
[data-theme="dark"] .td-textarea:focus{border-color:#818cf8}
[data-theme="dark"] .td-btn-secondary{background:#334155;color:#e2e8f0}
[data-theme="dark"] .td-btn-secondary:hover{background:#475569}
[data-theme="dark"] .td-output{background:#0f172a;border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .td-stat-add{background:#14532d;color:#4ade80}
[data-theme="dark"] .td-stat-remove{background:#450a0a;color:#f87171}
[data-theme="dark"] .td-stat-unchanged{background:#334155;color:#94a3b8}
[data-theme="dark"] .td-line-add{background:#14532d;color:#4ade80}
[data-theme="dark"] .td-line-remove{background:#450a0a;color:#f87171}
[data-theme="dark"] .td-line-same{color:#64748b}
@media(max-width:600px){.td-row{grid-template-columns:1fr}.td-card{padding:20px}.td-output{min-height:150px}}