.jwtgen-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem}.jwtgen-field-group,.jwtgen-fields{display:flex;flex-direction:column;gap:1.25rem}.jwtgen-field-group{gap:.4rem}.jwtgen-label{font-size:.85rem;font-weight:600;color:var(--gray-700)}.jwtgen-input{width:100%;padding:.6rem .875rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.9rem;color:var(--gray-800);background:var(--gray-50);box-sizing:border-box;font-family:"Courier New",Courier,monospace;transition:border-color .2s}.jwtgen-input:focus{outline:0;border-color:var(--primary-500);background:#fff}.jwtgen-select{width:100%;padding:.6rem .875rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.9rem;color:var(--gray-800);background:var(--gray-50);box-sizing:border-box;transition:border-color .2s}.jwtgen-select:focus{outline:0;border-color:var(--primary-500)}.jwtgen-algo-display{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;font-family:"Courier New",Courier,monospace;font-size:.9rem;font-weight:700;color:var(--primary-600);width:fit-content}.jwtgen-payload-textarea{min-height:140px;resize:vertical}.jwtgen-result{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.jwtgen-result-label{font-size:.85rem;font-weight:600;color:var(--gray-700)}.jwtgen-token-wrap{display:flex;gap:.75rem;align-items:flex-start;flex-wrap:wrap}.jwtgen-token{flex:1;min-width:200px;font-family:"Courier New",Courier,monospace;font-size:.82rem;color:var(--gray-800);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:.875rem 1rem;white-space:pre-wrap;word-break:break-all;margin:0}.jwtgen-copy-btn{white-space:nowrap}.jwtgen-error{margin-top:1rem;padding:.875rem 1rem;border-radius:8px;background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;font-size:.875rem}.code-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid var(--gray-300);border-radius:10px;font-size:.875rem;font-family:"Courier New",Courier,monospace;resize:vertical;line-height:1.5;color:var(--gray-800);box-sizing:border-box;transition:border-color .2s}.code-textarea:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(235,57,68,.1)}