.dt-root{--dt-accent: var(--tool-anchor, var(--neon-teal));max-width:1180px;margin:0 auto;padding:0 4px 8px}.dt-hero{margin:4px 0 20px}.dt-h1{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--text-primary);margin:0 0 8px}.dt-lede{font-size:15px;line-height:1.55;color:var(--text-muted);max-width:620px;margin:0}.dt-options{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-bottom:16px;padding:14px 18px}.dt-field{display:inline-flex;align-items:center;gap:8px}.dt-field>.dt-field-label{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.dt-toggle{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary);cursor:pointer;user-select:none}.dt-toggle input{accent-color:var(--dt-accent);width:15px;height:15px}.dt-select{font-family:var(--font-code);font-size:13px;color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:7px 10px}.dt-select:focus-visible{outline:none;border-color:var(--dt-accent)}.dt-panes{display:grid;gap:14px}.dt-panes--two{grid-template-columns:1fr 1fr}@media(max-width:860px){.dt-panes--two{grid-template-columns:1fr}}.dt-pane{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;min-width:0}.dt-pane-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border-subtle);background:color-mix(in oklab,var(--bg-raised) 60%,transparent)}.dt-pane-title{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.dt-pane-tools{display:inline-flex;gap:6px;flex-wrap:wrap}.dt-pane-foot{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 12px;border-top:1px solid var(--border-subtle);font-family:var(--font-code);font-size:11px;color:var(--text-muted)}.dt-pane-foot strong{color:var(--text-secondary);font-weight:600}.dt-textarea,.dt-output{width:100%;flex:1;min-height:320px;max-height:clamp(320px,62vh,720px);resize:vertical;border:0;background:transparent;color:var(--text-primary);font-family:var(--font-code);font-size:13px;line-height:1.6;padding:12px 14px;tab-size:2}.dt-textarea{overflow:auto}.dt-textarea:focus-visible{outline:none}.dt-textarea::placeholder{color:var(--text-dim)}.dt-output{white-space:pre;overflow:auto;margin:0;user-select:text}.dt-output--wrap{white-space:pre-wrap;word-break:break-word}.dt-output--empty{color:var(--text-dim);white-space:normal}.dt-tree{flex:1;min-height:320px;max-height:clamp(320px,62vh,720px);overflow:auto;padding:10px 12px;font-family:var(--font-code);font-size:12.5px;line-height:1.7;color:var(--text-primary)}.dt-tree-row{display:flex;align-items:baseline;flex-wrap:wrap;padding-left:calc(var(--d, 0) * 1.1em);border-radius:var(--radius-xs)}.dt-tree-head{cursor:pointer}.dt-tree-head:hover{background:color-mix(in oklab,var(--dt-accent) 9%,transparent)}.dt-tree-head:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--dt-accent)}.dt-tree-head--empty{cursor:default}.dt-tree-toggle{flex:0 0 auto;width:1.1em;text-align:center;color:var(--text-muted);user-select:none;font-size:.85em}.dt-tree-toggle--leaf{color:transparent}.dt-tree-close{color:var(--text-muted)}.dt-tk{color:var(--neon-cyan)}.dt-ti{color:var(--text-dim);margin-right:.6em}.dt-tc,.dt-tb,.dt-tp{color:var(--text-muted)}.dt-tree-summary{color:var(--text-muted);margin-left:.4em}.dt-tree-count{font-style:normal;color:var(--text-secondary);background:color-mix(in oklab,var(--text-muted) 14%,transparent);border-radius:var(--radius-pill);padding:0 7px}.dt-tv{word-break:break-word}.dt-tv-str{color:var(--neon-green, #10b981)}.dt-tv-number{color:var(--neon-violet)}.dt-tv-boolean{color:var(--neon-coral, #fb7185)}.dt-tv-null{color:var(--text-dim)}.ak-btn.dt-btn-sm{padding:6px 10px;font-size:12px;border-radius:var(--radius-sm);gap:5px}.dt-error{flex:1;margin:0;padding:12px 14px;font-family:var(--font-code);font-size:12.5px;line-height:1.55;color:var(--neon-coral, #fb7185);background:color-mix(in oklab,var(--neon-coral, #fb7185) 9%,transparent);white-space:pre-wrap;word-break:break-word;overflow:auto}.dt-error-tag{display:inline-block;font-weight:700;margin-right:6px;text-transform:uppercase;letter-spacing:.04em}.dt-preview{flex:1;min-height:320px;max-height:clamp(320px,62vh,720px);overflow:auto;padding:14px 18px;color:var(--text-secondary);line-height:1.6}.dt-preview>:first-child{margin-top:0}.dt-preview h1,.dt-preview h2,.dt-preview h3{font-family:var(--font-display);color:var(--text-primary);line-height:1.25}.dt-preview h1{font-size:1.6em}.dt-preview h2{font-size:1.3em}.dt-preview h3{font-size:1.1em}.dt-preview a{color:var(--dt-accent)}.dt-preview code{font-family:var(--font-code);font-size:.88em;background:color-mix(in oklab,var(--text-muted) 16%,transparent);padding:1px 5px;border-radius:var(--radius-xs)}.dt-preview pre{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px;overflow:auto}.dt-preview pre code{background:transparent;padding:0}.dt-preview blockquote{margin:.8em 0;padding:2px 0 2px 14px;border-left:3px solid var(--dt-accent);color:var(--text-muted)}.dt-preview table{border-collapse:collapse;width:100%;font-size:.92em}.dt-preview th,.dt-preview td{border:1px solid var(--border-default);padding:6px 10px;text-align:left}.dt-preview img{max-width:100%;height:auto}.dt-jwt{flex:1;min-height:320px;max-height:clamp(320px,62vh,720px);overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.dt-jwt-part{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.dt-jwt-part-head{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.dt-jwt-part-head.h{color:var(--neon-coral, #fb7185);background:color-mix(in oklab,var(--neon-coral, #fb7185) 10%,transparent)}.dt-jwt-part-head.p{color:var(--neon-violet);background:color-mix(in oklab,var(--neon-violet) 12%,transparent)}.dt-jwt-part-head.s{color:var(--neon-cyan);background:color-mix(in oklab,var(--neon-cyan) 12%,transparent)}.dt-jwt-json{margin:0;padding:10px 12px;font-family:var(--font-code);font-size:12.5px;line-height:1.55;color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.dt-jwt-claims{padding:0 12px 10px;display:flex;flex-wrap:wrap;gap:6px}.dt-jwt-claim{font-family:var(--font-code);font-size:11px;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px 9px}.dt-jwt-claim.warn{color:var(--neon-coral, #fb7185);border-color:color-mix(in oklab,var(--neon-coral, #fb7185) 40%,transparent)}.dt-jwt-claim.ok{color:var(--neon-green, #10b981);border-color:color-mix(in oklab,var(--neon-green, #10b981) 40%,transparent)}.dt-out-actions{margin-left:auto}.ak-seg.dt-seg{padding:3px}.ak-seg.dt-seg button{padding:5px 11px;font-size:12.5px}