.dt-root{--dt-accent:var(--tool-anchor,var(--neon-teal));max-width:var(--shell-max);padding:0 var(--shell-pad) 8px;margin:0 auto}.dt-hero{margin:4px 0 20px}.dt-h1{font-family:var(--font-display);font-size:calc(clamp(24px, 3vw, 36px) * var(--type-scale,1));letter-spacing:-.02em;color:var(--text-primary);margin:0 0 8px;font-weight:700;line-height:1.12}.dt-lede{font-size:calc(15px * var(--type-scale,1));color:var(--text-secondary);max-width:620px;margin:0;line-height:1.55}.dt-h1 .ak-grad{color:var(--accent-highlight);background:0 0}.dt-hero-phrase{white-space:nowrap;display:inline-block}.dt-options{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-bottom:16px;padding:14px 18px;display:flex}.dt-field{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.dt-field>.dt-field-label{font-family:var(--font-display);font-size:calc(14px * var(--type-scale,1));letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.dt-toggle{min-width:44px;max-width:100%;min-height:44px;font-size:calc(16px * var(--type-scale,1));overflow-wrap:break-word;color:var(--text-primary);cursor:pointer;user-select:none;align-items:center;gap:7px;line-height:1.5;display:inline-flex}.dt-toggle input{accent-color:var(--dt-accent);flex-shrink:0;width:18px;height:18px}.dt-plus-help{max-width:320px;color:var(--text-muted);margin:4px 0 0 22px;font-size:12px;line-height:1.4}.dt-scope-help{max-width:360px;color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.dt-select{font-family:var(--font-code);font-size:calc(16px * var(--type-scale,1));min-width:44px;max-width:100%;min-height:44px;color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:7px 10px}.dt-root :is(.dt-seg button,.dt-select,.dt-toggle input,.ak-btn):focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.dt-panes{gap:14px;display:grid}.dt-panes--two{grid-template-columns:1fr 1fr}@media (width<=860px){.dt-panes--two{grid-template-columns:1fr}}.dt-pane{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;min-width:0;display:flex;overflow:hidden}.dt-pane-head{border-bottom:1px solid var(--border-subtle);background:color-mix(in oklab, var(--bg-raised) 60%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.dt-pane-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.dt-pane-tools{flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;display:inline-flex}.dt-copy-control{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:100%;display:inline-flex}.dt-copy-control button{white-space:normal;max-width:100%;min-height:44px}.dt-copy-feedback{color:var(--text-primary);font-size:calc(13px * var(--type-scale,1));overflow-wrap:break-word;line-height:1.6}.dt-copy-feedback:not(.dt-copy-feedback--error){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dt-pane-foot{border-top:1px solid var(--border-subtle);font-family:var(--font-code);color:var(--text-muted);flex-wrap:wrap;gap:6px 14px;padding:8px 12px;font-size:11px;display:flex}.dt-pane-foot strong{color:var(--text-secondary);font-weight:600}.dt-textarea,.dt-output{resize:vertical;width:100%;min-height:320px;max-height:clamp(320px,62vh,720px);color:var(--text-primary);font-family:var(--font-code);tab-size:2;background:0 0;border:0;flex:1;padding:12px 14px;font-size:13px;line-height:1.6}.dt-textarea{font-size:calc(16px * var(--type-scale,1));overflow:auto}.dt-textarea:focus-visible{outline:2px solid var(--dt-accent);outline-offset:-2px}.dt-textarea::placeholder{color:var(--text-dim)}.dt-input-action{white-space:normal;max-width:100%;min-height:44px}.dt-paste-feedback{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:calc(13px * var(--type-scale,1));overflow-wrap:break-word;flex:none;margin:0;padding:10px 14px;line-height:1.6}.dt-paste-feedback:empty{display:none}.dt-input-notice{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--bg-raised);flex:none;margin:0;padding:10px 14px;font-size:12.5px;line-height:1.5}.dt-output{white-space:pre;user-select:text;margin:0;overflow:auto}.dt-output--wrap{white-space:pre-wrap;word-break:break-word}.dt-output--empty{color:var(--text-dim);white-space:normal}.dt-json-result{flex-direction:column;min-width:0;scroll-margin-top:96px;display:flex}.dt-json-result>.dt-pane{flex:1}.dt-json-result:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px;border-radius:var(--radius-md)}.dt-json-workspace .dt-textarea{scroll-margin-top:96px}.dt-json-jump{font-size:calc(16px * var(--type-scale,1));white-space:normal;max-width:100%;min-height:44px}@media (width<=860px){.dt-json-workspace .dt-textarea{flex:none;height:160px;min-height:160px}}.dt-tree{min-height:320px;max-height:clamp(320px,62vh,720px);font-family:var(--font-code);font-size:calc(16px * var(--type-scale,1));color:var(--text-primary);flex:1;padding:10px 12px;line-height:1.7;overflow:auto}.dt-tree-row{min-width:44px;min-height:44px;padding-left:min(calc(var(--d,0) * 1.1em), 25%);border-radius:var(--radius-xs);flex-wrap:wrap;align-items:center;display:flex}.dt-tree-head{cursor:pointer}.dt-tree-head:hover{background:color-mix(in oklab, var(--dt-accent) 9%, transparent)}.dt-root .dt-tree-item[role=treeitem]:focus-visible{box-shadow:none;outline:none}.dt-tree-item:focus-visible>.dt-tree-row:not(.dt-tree-close){outline:2px solid var(--text-primary);outline-offset:-2px;background:color-mix(in oklab, var(--dt-accent) 9%, transparent)}.dt-tree-label{overflow-wrap:anywhere;min-width:0;max-width:100%}.dt-tree-depth{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:inherit;white-space:nowrap;flex:none;margin-inline-end:6px;padding:1px 4px}.dt-tree-root-name{color:var(--text-secondary)}.dt-tree-help{color:var(--text-secondary);background:var(--bg-raised);font-size:calc(14px * var(--type-scale,1));margin:0;padding:10px 14px;line-height:1.6}.dt-tree-head--empty{cursor:default}.dt-tree-toggle{text-align:center;width:1.1em;color:var(--text-muted);user-select:none;flex:none;font-size:.85em}.dt-tree-toggle--leaf{color:#0000}.dt-tree-close{color:var(--text-muted);min-height:0}.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{color:var(--text-secondary);background:color-mix(in oklab, var(--text-muted) 14%, transparent);border-radius:var(--radius-pill);padding:0 7px;font-style:normal}.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)}.dt-root .ak-btn.dt-btn-sm{white-space:normal;min-width:44px;max-width:100%;min-height:44px;font-size:calc(16px * var(--type-scale,1));border-radius:var(--radius-sm);gap:5px;padding:8px 10px}.dt-root .ak-btn.dt-btn-sm svg{flex-shrink:0}.dt-error{font-family:var(--font-code);color:var(--neon-coral,#fb7185);background:color-mix(in oklab, var(--neon-coral,#fb7185) 9%, transparent);white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.55;overflow:auto}.dt-error-tag{text-transform:uppercase;letter-spacing:.04em;margin-right:6px;font-weight:700;display:inline-block}.dt-markdown-notice{border-bottom:1px solid var(--border-default);color:var(--text-secondary);overflow-wrap:anywhere;margin:0;padding:12px 16px;font-size:14px;line-height:1.65}.dt-preview{min-height:320px;max-height:clamp(320px,62vh,720px);color:var(--text-secondary);flex:1;padding:14px 18px;line-height:1.6;overflow:auto}.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);background:color-mix(in oklab, var(--text-muted) 16%, transparent);border-radius:var(--radius-xs);padding:1px 5px;font-size:.88em}.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:0 0;padding:0}.dt-preview blockquote{border-left:3px solid var(--dt-accent);color:var(--text-muted);margin:.8em 0;padding:2px 0 2px 14px}.dt-preview table{border-collapse:collapse;width:100%;font-size:.92em}.dt-preview th,.dt-preview td{border:1px solid var(--border-default);text-align:left;padding:6px 10px}.dt-preview img{max-width:100%;height:auto}.dt-jwt{flex-direction:column;flex:1;gap:10px;min-height:320px;max-height:clamp(320px,62vh,720px);padding:12px;display:flex;overflow:auto}.dt-jwt-verification{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-secondary);flex-wrap:wrap;gap:4px 8px;padding:9px 12px;font-size:12px;line-height:1.5;display:flex}.dt-jwt-verification strong{color:var(--text-primary)}.dt-jwt-part{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.dt-jwt-part-head{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;padding:7px 12px;font-size:11px;font-weight:700;display:flex}.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{font-family:var(--font-code);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.55}.dt-jwt-claims{flex-wrap:wrap;gap:6px;padding:0 12px 10px;display:flex}.dt-jwt-claim{font-family:var(--font-code);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px 9px;font-size:11px}.dt-jwt-claim.warn{color:var(--neon-coral,#fb7185);border-color:color-mix(in oklab, var(--neon-coral,#fb7185) 40%, transparent)}.dt-jwt-claim time{overflow-wrap:anywhere}.pw-page[data-tool=jwt_decode] .dt-jwt-faq-question{overflow-wrap:anywhere;min-width:0}.pw-page[data-tool=jwt_decode] .pw-guide .ak-faq summary:after{flex-shrink:0;margin-inline-start:10px}.pw-page[data-tool=base64] .dt-base64-faq-question{overflow-wrap:anywhere;min-width:0}.pw-page[data-tool=base64] .pw-guide .ak-faq summary:after{flex-shrink:0;margin-inline-start:10px}.dt-out-actions{margin-left:auto}.ak-seg.dt-seg{border-radius:var(--radius-md);flex-wrap:wrap;gap:4px;min-width:0;max-width:100%;padding:4px}.ak-seg.dt-seg button{min-width:44px;max-width:100%;min-height:44px;font-size:calc(16px * var(--type-scale,1));white-space:normal;overflow-wrap:break-word;border-radius:var(--radius-sm);color:var(--text-primary);flex:auto;padding:8px 12px;line-height:1.5}.dt-root .ak-seg.dt-seg button.active[aria-pressed=true]{color:var(--text-primary);font-weight:700}.dt-base64-feedback{font-family:inherit;font-size:calc(16px * var(--type-scale,1));color:var(--text-primary);overflow-wrap:break-word;line-height:1.65}.dt-toast{width:max-content;max-width:calc(100vw - 32px)}