.JWTGenerator_container__S0Az6{display:flex;flex-direction:column;width:100%}.JWTGenerator_grid__HQ76d{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width:900px){.JWTGenerator_grid__HQ76d{grid-template-columns:1fr 1fr}}.JWTGenerator_editorPane__t8Qjo,.JWTGenerator_previewPane__YcRmN{display:flex;flex-direction:column;gap:var(--spacing-5);min-width:0}.JWTGenerator_inputGroup__hwKLB{display:flex;flex-direction:column;gap:var(--spacing-2)}.JWTGenerator_inputGroup__hwKLB label{font-size:1rem;font-weight:700}.JWTGenerator_headerLabel__1SJ5J{color:#fb923c}.JWTGenerator_payloadLabel__tEJqN{color:#c084fc}.JWTGenerator_signatureLabel__srelw{color:#38bdf8}.JWTGenerator_textArea__PokUU{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);font-size:.95rem;font-family:var(--font-mono);outline:none;resize:vertical;line-height:1.5}.JWTGenerator_headerInput__MZenN{border-left:4px solid #fb923c;color:#fb923c}.JWTGenerator_payloadInput__OKiaJ{border-left:4px solid #c084fc;color:#c084fc}.JWTGenerator_textArea__PokUU:focus{border-color:var(--brand-primary)}.JWTGenerator_secretWrapper__zpTGS{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-3);font-family:var(--font-mono);font-size:.9rem;display:flex;flex-direction:column;border:1px solid var(--border-color);border-left:4px solid #38bdf8}.JWTGenerator_secretPrefix__PH3wo{color:var(--text-secondary);font-weight:600}.JWTGenerator_secretArgs__EPBfo{color:var(--text-secondary);padding-left:var(--spacing-4);line-height:1.6;margin:var(--spacing-2) 0}.JWTGenerator_secretInput__w7MY2{background:rgba(56,189,248,.1);border:1px solid #38bdf8;color:#38bdf8;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);font-family:var(--font-mono);margin-left:var(--spacing-4);width:calc(100% - var(--spacing-4));outline:none}.JWTGenerator_secretInput__w7MY2:focus{background:rgba(56,189,248,.15);border-color:var(--brand-primary)}.JWTGenerator_errorBanner__danyG{background:rgba(239,68,68,.1);color:#ef4444;padding:var(--spacing-3);border-radius:var(--radius-md);font-size:.95rem;border-left:4px solid #ef4444;font-family:var(--font-mono)}.JWTGenerator_resultCard__AaMn1{display:flex;flex-direction:column;overflow:hidden;height:100%}.JWTGenerator_resultHeader__BIv5z{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color)}.JWTGenerator_resultHeader__BIv5z h3{margin:0;color:var(--text-primary);font-size:1.1rem}.JWTGenerator_copyBtn__8rBIH{background:var(--brand-primary);color:#000;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.JWTGenerator_copyBtn__8rBIH:hover:not(:disabled){background:var(--brand-primary-hover)}.JWTGenerator_copyBtn__8rBIH:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.JWTGenerator_jwtOutput__ueriy{padding:var(--spacing-4);background:var(--bg-primary);flex:1;overflow-y:auto}.JWTGenerator_jwtString__oeJIN{font-family:var(--font-mono);font-size:1.1rem;line-height:1.6;word-break:break-all}.JWTGenerator_jwtHeader__o9Wq_{color:#fb923c}.JWTGenerator_jwtPayload__DbsGZ{color:#c084fc}.JWTGenerator_jwtSignature__2YyUE{color:#38bdf8}.JWTGenerator_jwtDot__5XIX6{color:var(--text-primary);font-weight:700}.JWTGenerator_placeholderText__fMGCi{color:var(--text-secondary);font-style:italic;display:flex;align-items:center;justify-content:center;height:100%}.JWTGenerator_infoBox__G_H5O{background:rgba(251,191,36,.1);border-left:4px solid var(--brand-primary);padding:var(--spacing-3);border-radius:var(--radius-md)}.JWTGenerator_infoBox__G_H5O p{margin:0;color:var(--brand-primary);font-size:.9rem}