:root{--bg-primary:var(--tblr-body-bg, #0b0d10);--bg-surface:var(--tblr-bg-surface, #16181d);--bg-surface-light:var(--tblr-bg-surface-secondary, #1c1f26);--border-color:var(--tblr-border-color, #2a2f37);--text-primary:var(--tblr-body-color, #e6e9ee);--text-secondary:var(--tblr-secondary-color, #9aa4b1);--text-muted:var(--tblr-muted, #7b828d);--color-success:#7B9E7B;--color-warning:#D4A855;--color-error:#C2785C;--color-json:#7B9E7B;--color-xml:#6B9E9E;--color-base64:#7B8E9E;--color-url:#D47B6B;--color-jwt:#9E7B7B;--color-hash:#9E8B7B;--color-uuid:#7B9E9E;--color-lorem:#8B9E7B;--color-mock-data:#9E7B8B;--color-hex-id:#8B8B7B;--color-xpath:#7B8E9E;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', Monaco, Consolas, monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 2px 4px 0 rgba(0, 0, 0, 0.25);--shadow-md:0 4px 12px -2px rgba(0, 0, 0, 0.35);--shadow-lg:0 8px 24px -4px rgba(0, 0, 0, 0.4);--transition-fast:150ms ease;--transition-base:250ms ease}.dt-tool .tool-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.dt-tool .tool-container{grid-template-columns:1fr;gap:var(--spacing-md)}}.pane{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-surface-light)}.pane-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.pane-body{flex:1;display:flex;flex-direction:column;padding:var(--spacing-md)}.code-input{flex:1;width:100%;min-height:400px;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;resize:none;transition:border-color var(--transition-fast)}.code-input:focus{outline:2px solid var(--color-accent,var(--color-success));outline-offset:-2px;border-color:var(--color-accent,var(--color-success))}.code-input::placeholder{color:var(--text-muted)}.code-input.error{border-color:var(--color-error)}.code-input:read-only{background:var(--bg-surface-light);cursor:default}@media(max-width:768px){.code-input{min-height:200px}}.error-message{margin-top:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:rgba(194,120,92,.1);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:.875rem;font-family:var(--font-mono)}.error-message[hidden]{display:none}.info-message{margin-top:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:rgba(123,142,158,.1);border:1px solid #7b8e9e;border-radius:var(--radius-sm);color:#7b8e9e;font-size:.875rem;font-family:var(--font-mono)}.info-message[hidden]{display:none}.dt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.dt-btn svg{width:16px;height:16px}.dt-btn-primary{background:var(--color-accent,var(--color-success));color:#0b0d10;border-color:var(--color-accent,var(--color-success))}.dt-btn-primary:hover{filter:brightness(1.1)}.dt-btn-secondary{background:var(--bg-surface-light);color:var(--text-primary);border-color:var(--border-color)}.dt-btn-secondary:hover{background:var(--border-color)}.dt-btn-ghost{background:0 0;color:var(--text-secondary)}.dt-btn-ghost:hover{background:var(--bg-surface-light);color:var(--text-primary)}.dt-btn:focus{outline:2px solid var(--color-accent,var(--color-success));outline-offset:2px}.dt-btn-group{display:flex;gap:var(--spacing-sm)}.toggle-container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.toggle-label{font-size:.875rem;color:var(--text-secondary)}.toggle-label.active{color:var(--text-primary);font-weight:500}.toggle-switch{position:relative;width:48px;height:24px;background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:background var(--transition-fast)}.toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-primary);border-radius:50%;transition:transform var(--transition-fast)}.toggle-switch:focus{outline:2px solid transparent;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--color-accent,var(--color-success))}.toggle-switch.active{background:var(--color-accent,var(--color-success))}.toggle-switch.active::after{transform:translateX(24px)}.dt-toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translateX(-50%)translateY(100px);background:var(--color-success);color:#0b0d10;padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;opacity:0;transition:all var(--transition-base);z-index:1000}.dt-toast.show{transform:translateX(-50%)translateY(0);opacity:1}.jwt-sections{display:flex;flex-direction:column;gap:var(--spacing-md)}.jwt-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.jwt-section-header{padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-surface-light);border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.jwt-section-body{padding:var(--spacing-md);font-family:var(--font-mono);font-size:.875rem;white-space:pre-wrap;word-break:break-all}.jwt-header-section .jwt-section-header{color:var(--color-error)}.jwt-payload-section .jwt-section-header{color:var(--color-success)}.jwt-signature-section .jwt-section-header{color:var(--color-warning)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool-reference{margin-top:var(--spacing-2xl)}.dt-tool .tool-container .tool-reference{grid-column:1/-1}.tool-reference summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--spacing-sm)}.tool-reference summary::-webkit-details-marker{display:none}.tool-reference .details-chevron{flex-shrink:0;transition:transform .2s}.tool-reference details:not([open]) .details-chevron{transform:rotate(-90deg)}.tool-reference h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.tool-reference h3{font-size:1rem;color:var(--text-primary);margin:0 0 var(--spacing-sm)}.tool-reference .ref-body{margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:.875rem;line-height:1.7}.tool-reference p{margin:0 0 var(--spacing-lg)}.tool-reference a{color:var(--color-accent,var(--tblr-primary))}.tool-reference table{width:100%;border-collapse:collapse;font-size:.8125rem}.tool-reference .table-wrap{overflow-x:auto;margin-bottom:var(--spacing-lg)}.tool-reference th{text-align:left;padding:var(--spacing-xs)var(--spacing-sm);color:var(--text-primary);font-weight:600}.tool-reference td{padding:var(--spacing-xs)var(--spacing-sm)}.tool-reference tr{border-bottom:1px solid var(--border-color)}.tool-reference tr:last-child{border-bottom:none}.tool-reference ul{margin:0 0 var(--spacing-lg);padding-left:var(--spacing-lg)}.tool-reference ul:last-child{margin-bottom:0}.tool-reference li{margin-bottom:var(--spacing-xs)}.tool-reference li:last-child{margin-bottom:0}.tool-reference code{background:var(--bg-surface-light);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem}.tool-reference strong{color:var(--text-primary)}.dt-tool-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}