.tdf-wrapper{--tdf-bg-primary:#0a0f1e;--tdf-bg-secondary:#111827;--tdf-bg-card:#1a2236;--tdf-bg-input:#0d1424;--tdf-border:#2a3a5c;--tdf-border-focus:#3b82f6;--tdf-text-primary:#e2e8f0;--tdf-text-secondary:#94a3b8;--tdf-text-muted:#64748b;--tdf-accent-blue:#3b82f6;--tdf-accent-cyan:#22d3ee;--tdf-accent-green:#10b981;--tdf-accent-amber:#f59e0b;--tdf-accent-red:#ef4444;--tdf-add-bg:rgba(16, 185, 129, 0.14);--tdf-add-border:rgba(16, 185, 129, 0.55);--tdf-del-bg:rgba(239, 68, 68, 0.14);--tdf-del-border:rgba(239, 68, 68, 0.55);--tdf-font-mono:'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', 'Consolas', monospace;--tdf-font-sans:'Segoe UI', system-ui, -apple-system, sans-serif;--tdf-radius:8px;--tdf-radius-lg:12px;font-family:var(--tdf-font-sans);color:var(--tdf-text-primary);background:var(--tdf-bg-primary);line-height:1.6;max-width:1000px;margin:0 auto;padding:2rem 1rem 3rem}.tdf-wrapper *,.tdf-wrapper *::before,.tdf-wrapper *::after{box-sizing:border-box}.tdf-header{text-align:center;margin-bottom:1.75rem}.tdf-title{font-size:2rem;font-weight:700;color:var(--tdf-text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.tdf-subtitle{color:var(--tdf-text-secondary);font-size:.95rem;margin:0}.tdf-options{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;background:var(--tdf-bg-card);border:1px solid var(--tdf-border);border-radius:var(--tdf-radius-lg);padding:.85rem 1rem;margin-bottom:1rem}.tdf-option-group{display:flex;align-items:center;gap:.5rem}.tdf-option-group label{font-size:.8rem;font-weight:600;color:var(--tdf-text-secondary);text-transform:uppercase;letter-spacing:.05em}.tdf-option-group select{padding:.4rem .6rem;background:var(--tdf-bg-input);border:1px solid var(--tdf-border);border-radius:6px;color:var(--tdf-text-primary);font-family:var(--tdf-font-sans);font-size:.9rem;outline:none;min-height:40px}.tdf-option-group select:focus{border-color:var(--tdf-border-focus)}.tdf-checkbox{display:flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--tdf-text-secondary);cursor:pointer;user-select:none}.tdf-checkbox input[type="checkbox"]{width:18px;height:18px;accent-color:var(--tdf-accent-blue);cursor:pointer}.tdf-input-row{display:flex;gap:1rem;margin-bottom:1rem}.tdf-input-group{flex:1;min-width:0}.tdf-input-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem;gap:.5rem}.tdf-input-label-row label{font-size:.8rem;font-weight:600;color:var(--tdf-text-secondary);text-transform:uppercase;letter-spacing:.05em}.tdf-meta{font-size:.72rem;color:var(--tdf-text-muted);font-family:var(--tdf-font-mono);white-space:nowrap}.tdf-textarea{width:100%;min-height:220px;resize:vertical;padding:.75rem .85rem;background:var(--tdf-bg-input);border:1px solid var(--tdf-border);border-radius:var(--tdf-radius);color:var(--tdf-text-primary);font-family:var(--tdf-font-mono);font-size:.85rem;line-height:1.5;outline:none;transition:border-color 0.2s}.tdf-textarea:focus{border-color:var(--tdf-border-focus)}.tdf-textarea::placeholder{color:var(--tdf-text-muted)}.tdf-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.tdf-btn{padding:.65rem 1.5rem;background:var(--tdf-accent-blue);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background 0.2s,transform 0.1s;white-space:nowrap;font-family:inherit;min-height:44px}.tdf-btn:hover{background:#2563eb}.tdf-btn:active{transform:scale(.97)}.tdf-btn--secondary{background:#fff0;border:1px solid var(--tdf-border);color:var(--tdf-text-secondary)}.tdf-btn--secondary:hover{background:var(--tdf-bg-secondary);color:var(--tdf-text-primary)}.tdf-btn--small{padding:.45rem .9rem;font-size:.8rem;min-height:36px}.tdf-error-msg{color:var(--tdf-accent-red);font-size:.85rem;margin:0 0 .75rem;display:none}.tdf-error-msg.tdf-visible{display:block}.tdf-stats{display:none;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.tdf-stats.tdf-visible{display:flex}.tdf-stat{padding:.35rem .8rem;border-radius:999px;font-size:.8rem;font-weight:700;font-family:var(--tdf-font-mono);border:1px solid var(--tdf-border);background:var(--tdf-bg-card);color:var(--tdf-text-secondary)}.tdf-stat--add{color:var(--tdf-accent-green);border-color:var(--tdf-add-border);background:var(--tdf-add-bg)}.tdf-stat--del{color:var(--tdf-accent-red);border-color:var(--tdf-del-border);background:var(--tdf-del-bg)}.tdf-stat--sim{color:var(--tdf-accent-cyan)}.tdf-stat--nodiff{display:none;color:var(--tdf-accent-green)}.tdf-stats.tdf-nodiff .tdf-stat--nodiff{display:inline-block}.tdf-stats.tdf-nodiff .tdf-stat--add,.tdf-stats.tdf-nodiff .tdf-stat--del{display:none}.tdf-output-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem}.tdf-output-title{font-size:1.1rem;font-weight:700;color:var(--tdf-text-primary);margin:0}.tdf-empty-state{display:none;color:var(--tdf-text-muted);font-size:.9rem;text-align:center;padding:2.5rem 1rem;border:1px dashed var(--tdf-border);border-radius:var(--tdf-radius-lg);background:var(--tdf-bg-card)}.tdf-empty-state.tdf-visible{display:block}.tdf-diff-output{display:none;border:1px solid var(--tdf-border);border-radius:var(--tdf-radius-lg);background:var(--tdf-bg-card);overflow:hidden}.tdf-diff-output.tdf-visible{display:block}.tdf-line-diff{font-family:var(--tdf-font-mono);font-size:.82rem;overflow-x:auto}.tdf-line{display:flex;align-items:flex-start;border-bottom:1px solid var(--tdf-border)}.tdf-line:last-child{border-bottom:none}.tdf-line-num{flex:0 0 auto;width:3.2em;padding:.3rem .4rem;text-align:right;color:var(--tdf-text-muted);font-variant-numeric:tabular-nums;user-select:none;border-right:1px solid var(--tdf-border)}.tdf-line-marker{flex:0 0 auto;width:1.6em;padding:.3rem .2rem;text-align:center;font-weight:700;user-select:none}.tdf-line-text{flex:1 1 auto;min-width:0;padding:.3rem .6rem .3rem .2rem;white-space:pre-wrap;word-break:break-word}.tdf-line--eq .tdf-line-marker{color:var(--tdf-text-muted)}.tdf-line--add{background:var(--tdf-add-bg)}.tdf-line--add .tdf-line-marker{color:var(--tdf-accent-green)}.tdf-line--add .tdf-line-text{color:var(--tdf-text-primary)}.tdf-line--del{background:var(--tdf-del-bg)}.tdf-line--del .tdf-line-marker{color:var(--tdf-accent-red)}.tdf-line--del .tdf-line-text{color:var(--tdf-text-primary)}.tdf-collapse-row{padding:.45rem .85rem;font-family:var(--tdf-font-sans);font-size:.78rem;color:var(--tdf-accent-cyan);background:var(--tdf-bg-secondary);cursor:pointer;border-bottom:1px solid var(--tdf-border);user-select:none}.tdf-collapse-row:hover{color:#67e8f9}.tdf-collapse-icon{opacity:.8}.tdf-inline-diff{font-family:var(--tdf-font-mono);font-size:.85rem;white-space:pre-wrap;word-break:break-word;padding:1rem;line-height:1.8}.tdf-tok--add{background:var(--tdf-add-bg);color:var(--tdf-accent-green);border-radius:3px;box-shadow:0 0 0 1px var(--tdf-add-border)}.tdf-tok--del{background:var(--tdf-del-bg);color:var(--tdf-accent-red);text-decoration:line-through;border-radius:3px;box-shadow:0 0 0 1px var(--tdf-del-border)}.tdf-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--tdf-accent-green);color:#fff;padding:.6rem 1.2rem;border-radius:6px;font-size:.85rem;font-weight:600;opacity:0;transition:transform 0.3s,opacity 0.3s;z-index:10000;pointer-events:none}.tdf-toast.tdf-show{transform:translateX(-50%) translateY(0);opacity:1}.tdf-footer{text-align:center;margin-top:2rem;font-size:.8rem;color:var(--tdf-text-muted)}.tdf-footer a{color:var(--tdf-accent-cyan);text-decoration:none}.tdf-footer a:hover{text-decoration:underline}@media (max-width:768px){.tdf-wrapper{padding:1.5rem 1rem}}@media (max-width:640px){.tdf-wrapper{padding:1rem .75rem}.tdf-title{font-size:1.35rem}.tdf-input-row{flex-direction:column}.tdf-input-group{min-width:100%}.tdf-textarea{min-height:160px;font-size:.8rem}.tdf-options{gap:.75rem}.tdf-actions .tdf-btn{flex:1 1 calc(50% - 0.3rem);text-align:center}.tdf-line-num{width:2.3em;font-size:.72rem}.tdf-line-text{font-size:.76rem}}@media (max-width:400px){.tdf-actions .tdf-btn{flex:1 1 100%}}