.dt-tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:16px}.dt-tab{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-md);border:1px solid var(--line);background:var(--panel2);color:var(--muted)}.dt-tab.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.dt-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);align-items:start}.dt-col{display:flex;flex-direction:column;gap:var(--sp-2)}.dt-col>.label{font-size:var(--fs-sm);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:var(--r-md);padding:var(--sp-2) var(--sp-3);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-sm);line-height:1.6;margin:0;overflow:auto}.dt-out.error{color:var(--err);border-color:var(--err)}.dt-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:12px}.dt-actions .btn{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm)}.dt-regex-inputs{display:flex;gap:var(--sp-2);margin-bottom:10px}.dt-regex-inputs input.pat{flex:1}.dt-regex-inputs input.flags{width:80px}.dt-copy,.dt-sample{font-size:var(--fs-xs);color:var(--accent);background:none;border:none;padding:0;cursor:pointer}.dt-desc{font-size:var(--fs-sm);line-height:1.65;color:var(--muted);margin:0 0 14px}.dt-desc code{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);padding:1px var(--sp-1);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-xs);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}}@media(max-width:760px){.dt-copy,.dt-sample{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--sp-2)}}