.jwt-tool{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.jwt-workstation{box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px;display:grid}.jwt-input-card{flex:1}.jwt-header-card{flex:none}.jwt-header-editor{min-height:48px}.jwt-payload-card{flex:1}.jwt-column{flex-direction:column;gap:12px;width:100%;height:calc(100vh - 180px);min-height:520px;display:flex}.jwt-card{background:var(--ds-bg-card,#0a0a1273);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ds-border,#ffffff14);border-radius:var(--ds-r-xl,18px);box-shadow:var(--ds-shadow-md);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.jwt-card:hover{border-color:var(--ds-border-hover,#ffffff26)}.jwt-card-header{border-bottom:1px solid var(--ds-border-soft,#ffffff0d);background:#ffffff05;justify-content:space-between;align-items:center;height:42px;min-height:42px;padding:0 16px;display:flex}.jwt-card-header h3{letter-spacing:1.5px;text-transform:uppercase;color:var(--ds-text-muted,#fff9);margin:0;font-size:11px;font-weight:800}.jwt-editor-container{flex:1;position:relative;overflow:auto}.jwt-input-area{color:#fb7185;resize:none;background:0 0;border:none;outline:none;width:100%;height:100%;padding:20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;line-height:1.6}.jwt-input-area::placeholder{color:#fff3}.jwt-part-header{color:#fb7185}.jwt-part-payload{color:#38bdf8}.jwt-part-signature{color:#4ade80}.jwt-verify-panel{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.jwt-field-group{flex-direction:column;gap:4px;display:flex}.jwt-field-group label{text-transform:uppercase;letter-spacing:.8px;color:var(--ds-text-muted,#ffffff80);font-size:10px;font-weight:700}.jwt-input{border:1px solid var(--ds-border,#ffffff14);border-radius:var(--ds-r-md,8px);color:#fff;background:#ffffff0a;padding:6px 12px;font-family:inherit;font-size:12px;transition:border-color .2s}.jwt-input:focus{border-color:var(--ds-accent,#10b981);outline:none}.jwt-status-bar{align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:600;display:flex}.jwt-status-valid{color:#4ade80;background:#22c55e1a;border-top:1px solid #22c55e33}.jwt-status-invalid{color:#f87171;background:#ef44441a;border-top:1px solid #ef444433}.jwt-claims-list{flex-direction:column;gap:10px;padding:10px 20px;display:flex;overflow:auto}.jwt-claim-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;padding:8px 0;display:flex}.jwt-claim-label{color:#94a3b8;font-size:.8rem}.jwt-claim-value{color:#e2e8f0;text-align:right;word-break:break-all;max-width:70%;font-size:.85rem}@media (max-width:1024px){.jwt-workstation{grid-template-columns:1fr}.jwt-column{height:auto}}