.jwt-root{width:100%}.jwt-card{display:grid;gap:1rem;width:100%;padding:1rem;overflow:hidden;background:linear-gradient(135deg,rgba(14,165,233,.14),transparent 34%),linear-gradient(315deg,rgba(22,163,74,.13),transparent 36%),#fff;border:1px solid rgb(219,234,254);border-radius:1.5rem;box-shadow:0 22px 60px #0f172a14}.theme-dark .jwt-card{background:linear-gradient(135deg,rgba(14,165,233,.18),transparent 34%),linear-gradient(315deg,rgba(34,197,94,.15),transparent 36%),#090c16;border-color:#1e293b;box-shadow:none}.jwt-input-panel,.jwt-json-panel,.jwt-claims-panel{background:#ffffffd1;border:1px solid rgba(148,163,184,.28);border-radius:1rem;backdrop-filter:blur(16px)}.theme-dark .jwt-input-panel,.theme-dark .jwt-json-panel,.theme-dark .jwt-claims-panel{background:#0f172ac7;border-color:#4755699e}.jwt-input-panel{display:grid;gap:.85rem;padding:1rem}.jwt-token-field{display:grid;gap:.55rem}.jwt-label{display:flex;gap:.5rem;align-items:center;font-size:.9rem;font-weight:750;color:#0f172a}.theme-dark .jwt-label{color:#e2e8f0}.jwt-label-icon,.jwt-button-icon{width:1rem;height:1rem}.jwt-label-icon{color:#0284c7}.jwt-token-input{box-sizing:border-box;width:100%;min-height:8.5rem;padding:.9rem;font-size:.82rem;line-height:1.55;color:#0f172a;resize:vertical;background:#f8fafc;border:1px solid rgb(203,213,225);border-radius:.85rem}.jwt-token-input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e924}.theme-dark .jwt-token-input{color:#e2e8f0;background:#0f172a;border-color:#334155}.jwt-action-row{display:flex;flex-wrap:wrap;gap:.55rem}.jwt-action,.jwt-copy{display:inline-flex;gap:.45rem;align-items:center;justify-content:center;min-height:2.3rem;color:#0f172a;cursor:pointer;background:#fff;border:1px solid rgb(203,213,225);border-radius:.7rem}.jwt-action{padding:0 .8rem;font-weight:750}.jwt-action-primary{color:#fff;background:#0284c7;border-color:#0284c7}.theme-dark .jwt-action,.theme-dark .jwt-copy{color:#e2e8f0;background:#0f172a;border-color:#334155}.theme-dark .jwt-action-primary{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.jwt-status{padding:.7rem .85rem;margin:0;font-weight:750;border-radius:.8rem}.jwt-status-waiting{color:#334155;background:#f1f5f9}.jwt-status-valid{color:#14532d;background:#dcfce7}.jwt-status-invalid,.jwt-status-expired{color:#7f1d1d;background:#fee2e2}.jwt-status-unsigned{color:#78350f;background:#fef3c7}.theme-dark .jwt-status-waiting{color:#cbd5e1;background:#1e293b}.jwt-privacy{margin:0;font-size:.82rem;line-height:1.45;color:#475569}.theme-dark .jwt-privacy{color:#94a3b8}.jwt-output-grid{display:grid;gap:1rem}.jwt-json-panel{min-width:0;overflow:hidden}.jwt-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:.85rem .95rem;border-bottom:1px solid rgba(148,163,184,.25)}.jwt-panel-heading h2,.jwt-claims-panel h2{margin:0;font-size:.95rem;color:#0f172a}.theme-dark .jwt-panel-heading h2,.theme-dark .jwt-claims-panel h2{color:#e2e8f0}.jwt-copy{position:relative;width:2.15rem;height:2.15rem}.jwt-copy svg{width:1rem;height:1rem}.jwt-copy[data-copied]:after{position:absolute;right:0;bottom:calc(100% + .3rem);padding:.25rem .45rem;font-size:.72rem;color:#fff;white-space:nowrap;content:attr(data-copied);background:#0f172a;border-radius:.45rem}.jwt-code{min-height:9rem;max-height:21rem;padding:1rem;margin:0;overflow:auto;font-size:.78rem;line-height:1.55;color:#1e293b;white-space:pre-wrap;overflow-wrap:anywhere}.jwt-signature-code{color:#075985}.theme-dark .jwt-code{color:#cbd5e1}.theme-dark .jwt-signature-code{color:#7dd3fc}.jwt-claims-panel{padding:1rem}.jwt-claims{display:grid;grid-template-columns:1fr;gap:.55rem;margin:.85rem 0 0}.jwt-claims div{display:grid;grid-template-columns:minmax(7rem,.55fr) 1fr;gap:.65rem;padding:.65rem .75rem;background:#f8fafcd1;border-radius:.75rem}.theme-dark .jwt-claims div{background:#1e293bc7}.jwt-claims dt{font-size:.76rem;font-weight:800;color:#475569}.jwt-claims dd{min-width:0;margin:0;font-size:.82rem;color:#0f172a;overflow-wrap:anywhere}.theme-dark .jwt-claims dt{color:#94a3b8}.theme-dark .jwt-claims dd{color:#e2e8f0}@media(min-width:860px){.jwt-card{grid-template-columns:minmax(20rem,.92fr) minmax(0,1.08fr);padding:1.25rem}.jwt-input-panel,.jwt-claims-panel{grid-column:1}.jwt-output-grid{grid-row:span 2;grid-column:2}}@media(min-width:1180px){.jwt-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jwt-json-panel-main{grid-column:span 2}}@media(max-width:520px){.jwt-card{padding:.7rem;border-radius:1rem}.jwt-action{flex:1 1 100%}.jwt-claims div{grid-template-columns:1fr}}