.jwt-tool{display:grid;gap:16px}.jwt-field{display:grid;gap:8px;color:var(--ink);font-weight:800}.jwt-textarea{width:100%;min-height:220px;resize:vertical;border:1px solid rgba(0,109,119,.18);border-radius:8px;background:#fbfefe;color:var(--ink);padding:14px;font:.95rem/1.55 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}.jwt-textarea:focus{outline:none;box-shadow:var(--tool-focus)}.jwt-output{min-height:180px;background:var(--mist)}.jwt-actions{display:flex;flex-wrap:wrap;gap:10px}.jwt-actions .button,.jwt-section .button{min-height:44px}.jwt-meta{margin:0;border-radius:8px;padding:12px;background:#edf6f9db;color:var(--muted);font-weight:800}.jwt-meta.is-valid{background:#83c5be38;color:var(--deep-teal)}.jwt-meta.is-invalid{background:var(--peach);color:#613224}.jwt-results{display:grid;gap:14px}.jwt-claims{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;margin:0;border:1px solid rgba(0,109,119,.14);border-radius:8px;background:#fbfefe;padding:14px}.jwt-claims dt{color:var(--muted);font-weight:800}.jwt-claims dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.jwt-section{display:grid;gap:10px}.jwt-section h3{margin:0;color:var(--ink);font-size:1rem}.jwt-section .button{justify-self:start}@media (max-width: 720px){.jwt-textarea{min-height:200px;font-size:.88rem}.jwt-output{min-height:150px}.jwt-actions{display:grid;grid-template-columns:1fr}.jwt-claims{grid-template-columns:1fr}.jwt-section .button{justify-self:stretch}}