.dt-wrap{max-width:var(--max-w);margin:0 auto}.dt-privacy{color:var(--text-faint);font-size:.8rem;margin:1.25rem 0 0}.dt-notes{max-width:44rem;margin:2rem 0 0;color:var(--text-sub);font-size:.9rem;line-height:1.65}.dt-notes h2{font-size:.95rem;color:var(--text);margin:1.5rem 0 .5rem}.dt-notes h2:first-child{margin-top:0}.dt-notes p{margin:0 0 .75rem}.dt-notes p:last-child{margin-bottom:0}.dt-notes-fine{font-size:.85rem;color:var(--text-faint)}.dt-notes code{font-family:var(--mono);font-size:.85em;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;padding:.05em .35em;overflow-wrap:anywhere}.dt-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.dt-stack{display:flex;flex-direction:column;gap:1rem}.dt-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}@media(max-width:800px){.dt-cols{grid-template-columns:minmax(0,1fr)}}.dt-label{display:block;font-family:var(--mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.5rem}.dt-input,.dt-textarea{width:100%;font-family:var(--mono);font-size:.85rem;line-height:1.55;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:.65rem .8rem;outline:none;transition:border-color .2s,box-shadow .2s;font-variant-ligatures:none}.dt-textarea{resize:vertical;min-height:16rem;white-space:pre;overflow-x:auto}.dt-input:hover,.dt-textarea:hover{border-color:var(--border-lit)}.dt-input:focus,.dt-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dt-input--error,.dt-textarea--error{border-color:#f8717199}.dt-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.dt-field{display:flex;flex-direction:column}.dt-actions--top{align-items:flex-start}.dt-actions--split{justify-content:space-between}.dt-actions--spaced{margin-top:.75rem}.dt-actions--heading{justify-content:space-between;margin-bottom:.5rem}.dt-actions>.dt-label{margin-bottom:0}.dt-input--auto{width:auto}.dt-input--count{width:6rem}.dt-input--output{margin-top:.6rem;resize:vertical}.dt-check{display:inline-flex;align-items:center;gap:.45rem}.dt-btn--footed{align-self:flex-end}.dt-label-note{text-transform:none;letter-spacing:0}.dt-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--text);background:transparent;border:1px solid var(--border-lit);border-radius:9px;padding:.5rem .9rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.dt-btn:hover{background:var(--bg-hover);border-color:var(--accent-dim)}.dt-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.dt-btn.primary:hover{background:#7d99ff}.dt-btn.is-copied{color:var(--green);border-color:#4ade8073}.dt-linkbtn{background:none;border:none;cursor:pointer;padding:0;font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--accent)}.dt-linkbtn:hover{text-decoration:underline}.dt-status{font-family:var(--mono);font-size:.78rem;margin:.5rem 0 0;min-height:1.1rem;color:var(--text-sub)}.dt-status.ok{color:var(--green)}.dt-status.err{color:#f87171;white-space:pre-wrap}:root[data-theme=light] .dt-status.err{color:#c22f2f}.dt-status.warn{color:#fbbf24;white-space:pre-wrap}:root[data-theme=light] .dt-status.warn{color:#92610a}.dt-stats{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.dt-stat{font-family:var(--mono);font-size:.72rem;color:var(--text-sub);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.2rem .65rem}.dt-stat b{color:var(--text);font-weight:600}.dt-output{background:var(--bg);border:1px solid var(--border);border-radius:9px;overflow:auto;max-height:34rem}.dt-output pre{margin:0;padding:.8rem 1rem;font-family:var(--mono);font-size:.82rem;line-height:1.6;white-space:pre;font-variant-ligatures:none;color:var(--text)}.dt-t-key{color:#9cdcfe}.dt-t-str{color:#ce9178}.dt-t-num{color:#b5cea8}.dt-t-bool,.dt-t-null,.dt-t-kw{color:#569cd6}.dt-t-type{color:#4ec9b0}.dt-t-cmt{color:#6a9955;font-style:italic}:root[data-theme=light] .dt-output{background:#0a0d14;border-color:#1c2333}:root[data-theme=light] .dt-output pre{color:#e2e6f0}