.dt-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.dt-tab{padding:8px 14px;border-radius:9px;font-size:14px;border:1px solid var(--line);background:var(--panel2);color:var(--muted)}.dt-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.dt-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.dt-col{display:flex;flex-direction:column;gap:8px}.dt-col>.label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.dt-panel textarea{min-height:240px}.dt-out{min-height:240px;white-space:pre-wrap;word-break:break-all;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.6;margin:0;overflow:auto}.dt-out.error{color:var(--err);border-color:var(--err)}.dt-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.dt-actions .btn{padding:8px 12px;font-size:13px}.dt-regex-inputs{display:flex;gap:8px;margin-bottom:10px}.dt-regex-inputs input.pat{flex:1}.dt-regex-inputs input.flags{width:80px}.dt-copy,.dt-sample{font-size:12px;color:var(--accent);background:none;border:none;padding:0;cursor:pointer}.dt-desc{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 14px}.dt-desc code{background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:var(--text)}.dt-regex-inputs .dt-sample{flex:none;align-self:center}.dt-diff-stat{font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--muted)}.dt-diff .dl{display:block}.dt-diff .dl-add{color:var(--ok);background:#4ecb8d1a}.dt-diff .dl-del{color:var(--err);background:#ff6b6b1a}.dt-diff .dl-same{color:var(--muted)}@media(max-width:720px){.dt-panel{grid-template-columns:1fr}.dt-panel textarea,.dt-out{min-height:160px}}