.tool-textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:18rem;color:var(--text);background:var(--surface);resize:vertical;font-family:var(--mono);outline:none;margin-top:1rem;padding:.9rem;line-height:1.65}.tool-textarea:focus,.copy-field input:focus,.timestamp-settings input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.timestamp-settings{gap:.9rem;margin-top:1rem;display:grid}.timestamp-settings input,.copy-field input{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:2.8rem;color:var(--text);background:var(--surface);font-family:var(--mono);outline:none;padding:0 .85rem}.copy-field{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}.compact-fieldset{border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:.75rem 1rem;margin:0;padding:.8rem;display:flex}.compact-fieldset legend{color:var(--muted-strong);padding:0 .3rem;font-weight:800}.compact-fieldset label{align-items:center;gap:.4rem;display:inline-flex}.compact-fieldset input{accent-color:var(--primary)}.kv-table{border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;display:grid;overflow:hidden}.kv-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(8rem,.38fr) minmax(0,1fr);display:grid}.kv-row:last-child{border-bottom:0}.kv-key,.kv-value{overflow-wrap:anywhere;min-width:0;padding:.75rem}.kv-key{color:var(--muted-strong);background:color-mix(in srgb, var(--primary-soft) 42%, transparent);font-weight:800}.kv-value{font-family:var(--mono);line-height:1.55}.responsive-table{border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;overflow-x:auto}.responsive-table table{border-collapse:collapse;width:100%}.responsive-table th,.responsive-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.75rem}.responsive-table th{color:var(--muted-strong);background:color-mix(in srgb, var(--primary-soft) 42%, transparent);font-weight:800}.responsive-table td{font-family:var(--mono);line-height:1.55}.responsive-table tr:last-child td{border-bottom:0}.reference-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;display:grid}.reference-item{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:0;padding:1rem}.reference-item h3{margin:0;font-size:1rem}.reference-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.reference-header .button{min-height:2rem;padding-inline:.7rem;font-size:.88rem}.reference-item pre{color:var(--text);font-family:var(--mono);margin:0;line-height:1.55;overflow-x:auto}@media (width<=820px){.copy-field,.kv-row{grid-template-columns:1fr}}.jwt-tool-page .jwt-workspace{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.jwt-panel{min-width:0}.jwt-token-input,.jwt-token-output{min-height:9rem}.jwt-secret-line{color:var(--muted-strong);gap:.45rem;margin-top:1rem;font-weight:800;display:grid}.jwt-secret-line input,.jwt-secret-line select{border:1px solid var(--border);border-radius:var(--radius);min-height:2.75rem;color:var(--text);background:var(--surface);font-family:var(--mono);outline:none;padding:0 .85rem}.jwt-secret-line input:focus,.jwt-secret-line select:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.jwt-token-parts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.jwt-token-parts div{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--primary-soft) 36%, transparent);min-width:0;padding:.85rem}.jwt-token-parts span{color:var(--muted-strong);font-size:.86rem;font-weight:800;display:block}.jwt-token-parts strong{overflow-wrap:anywhere;font-family:var(--mono);margin-top:.35rem;font-size:.9rem;display:block}.jwt-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.jwt-result-grid section{min-width:0}.jwt-result-grid h3{margin:0 0 .5rem;font-size:1rem}.jwt-editor{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:18rem;overflow:hidden}.jwt-editor.ace_focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.jwt-claims-table{margin-top:1rem}.jwt-reference .reference-item p{margin:.65rem 0 0;line-height:1.7}@media (width<=980px){.jwt-tool-page .jwt-workspace,.jwt-result-grid,.jwt-token-parts{grid-template-columns:1fr}}