.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:20px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:10px 20px 0;display:grid}.jwt-input-card{flex:1}.jwt-header-card{flex:none}.jwt-header-editor{min-height:120px}.jwt-payload-card{flex:1}.jwt-column{flex-direction:column;gap:20px;width:100%;height:calc(100vh - 120px);display:flex}.jwt-card{-webkit-backdrop-filter:blur(20px);background:#14142366;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000004d}.jwt-card:hover{border-color:#ffffff1f}.jwt-card-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.jwt-card-header h3{letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:.85rem;font-weight:600}.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:15px;padding:20px;display:flex}.jwt-field-group{flex-direction:column;gap:8px;display:flex}.jwt-field-group label{color:#94a3b8;font-size:.75rem}.jwt-input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.jwt-input:focus{border-color:#3b82f6;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}}