.jwt-header{border-bottom:0;padding-bottom:12px}.jwt-main{display:grid;gap:20px;padding-top:8px}.jwt-input-card,.jwt-result-card{padding:clamp(22px,3vw,32px);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:17px;background:var(--surface);box-shadow:0 14px 38px #0f172a0f}.jwt-section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.jwt-section-heading>div{display:flex;align-items:center;gap:10px}.jwt-section-heading h2{font-size:1rem}.jwt-section-heading>p{margin:4px 0 0;color:var(--muted);font-size:.82rem;text-align:right}.jwt-step{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:var(--brand);background:var(--brand-soft);font-size:.72rem;font-weight:750}.jwt-input-card textarea,.jwt-data-panel textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 94%,var(--brand-soft));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.83rem;line-height:1.6;resize:vertical}.jwt-input-card textarea{min-height:138px;padding:15px;word-break:break-all}.jwt-actions{display:flex;gap:9px;margin-top:14px}.jwt-actions .btn{min-height:42px;margin:0}.jwt-privacy{margin:16px 0 0;color:var(--muted);font-size:.78rem}.jwt-status{margin-top:14px;padding:10px 12px;border:1px solid transparent;border-radius:9px;font-size:.83rem;font-weight:650}.jwt-status.success{color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface));border-color:color-mix(in srgb,var(--success) 28%,var(--line))}.jwt-status.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-color:color-mix(in srgb,var(--danger) 26%,var(--line))}.jwt-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jwt-data-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--brand-soft) 40%,var(--surface))}.jwt-data-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px}.jwt-data-title h3,.jwt-signature h3,.jwt-claims h3{font-size:.9rem}.jwt-data-title .btn{min-height:31px;margin:0;padding:5px 10px;font-size:.76rem}.jwt-data-panel textarea{min-height:235px;padding:12px}.jwt-meta-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:16px;margin-top:16px}.jwt-signature,.jwt-claims{padding:17px;border:1px solid var(--line);border-radius:12px}.jwt-signature p{margin:9px 0 12px;color:var(--muted);font-size:.8rem}.jwt-signature span{color:var(--brand);font:650 .8rem ui-monospace,monospace}.jwt-claims dl{display:grid;gap:8px;margin:12px 0 0}.jwt-claims dl div{display:flex;justify-content:space-between;gap:15px;font-size:.8rem}.jwt-claims dt{color:var(--muted)}.jwt-claims dd{margin:0;text-align:right}.jwt-validity{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--brand);font-size:.8rem;font-weight:650}@media (max-width:720px){.jwt-section-heading{display:block}.jwt-section-heading>p{margin-top:9px;text-align:left}.jwt-data-grid,.jwt-meta-grid{grid-template-columns:1fr}}@media (max-width:420px){.jwt-input-card,.jwt-result-card{padding:18px}.jwt-actions .btn{flex:1}.jwt-claims dl div{display:block}.jwt-claims dd{margin-top:3px;text-align:left}}