.jwt-token-display{background:#1a1a2e;font-family:'Fira Code',monospace;font-size:13px;padding:14px 16px;border-radius:8px;overflow-wrap:break-word;line-height:1.8;word-break:break-all;border:1px solid #2d2d4e;min-height:56px;}[data-theme="dark"] .jwt-token-display{background:#11111b;border-color:#313244;}.jwt-part-header{color:#ff6b9d;}.jwt-part-dot{color:#6c7086;}.jwt-part-payload{color:#b4befe;}.jwt-part-signature{color:#94e2d5;}.jwt-token-placeholder{color:#4a4a6a;font-style:italic;font-size:12px;}.jwt-panel{background:#f8f9fa;border-radius:8px;padding:14px 16px;margin-bottom:12px;border-left:3px solid #ccc;overflow:hidden;}[data-theme="dark"] .jwt-panel{background:#1e1e2e;border-color:#45475a;}.jwt-panel--header{border-left-color:#ff6b9d;}.jwt-panel--payload{border-left-color:#b4befe;}.jwt-panel--signature{border-left-color:#94e2d5;}.jwt-panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:8px;display:flex;align-items:center;gap:8px;}.jwt-panel-title--header{color:#ff6b9d;}.jwt-panel-title--payload{color:#b4befe;}.jwt-panel-title--signature{color:#94e2d5;}[data-theme="dark"] .jwt-panel-title--header{color:#ff79c6;}[data-theme="dark"] .jwt-panel-title--payload{color:#cba6f7;}[data-theme="dark"] .jwt-panel-title--signature{color:#94e2d5;}.jwt-panel pre{margin:0;font-family:'Fira Code',monospace;font-size:12px;background:transparent;color:#333;overflow:auto;white-space:pre-wrap;word-break:break-all;line-height:1.6;}[data-theme="dark"] .jwt-panel pre{color:#cdd6f4;}.jwt-signature-value{font-family:'Fira Code',monospace;font-size:12px;color:#94e2d5;word-break:break-all;line-height:1.6;}.jwt-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:0.3px;}.jwt-status-valid{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}[data-theme="dark"] .jwt-status-valid{background:#1a3a22;color:#a6e3a1;border-color:#2d5a35;}.jwt-status-expired{background:#fff3cd;color:#856404;border:1px solid #ffeeba;}[data-theme="dark"] .jwt-status-expired{background:#3a2d00;color:#f9e2af;border-color:#5a4500;}.jwt-status-invalid{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}[data-theme="dark"] .jwt-status-invalid{background:#3a0e14;color:#f38ba8;border-color:#5a1520;}.jwt-claim-date{font-size:11px;color:#888;margin-left:6px;font-style:italic;}[data-theme="dark"] .jwt-claim-date{color:#6c7086;}.jwt-claim-row{display:flex;gap:8px;align-items:center;margin-bottom:6px;}.jwt-claim-row input[type="text"],.jwt-claim-row input[type="number"],.jwt-claim-row select{flex:1;}.jwt-claim-row .jwt-claim-key{flex:0 0 110px;font-family:'Fira Code',monospace;font-size:12px;}.jwt-claim-row .jwt-remove-btn{flex-shrink:0;background:none;border:1px solid #ddd;border-radius:4px;padding:0 8px;cursor:pointer;font-size:14px;color:#e74c3c;line-height:28px;transition:background 0.15s;}.jwt-claim-row .jwt-remove-btn:hover{background:#fdf0f0;}[data-theme="dark"] .jwt-claim-row .jwt-remove-btn{border-color:#45475a;}[data-theme="dark"] .jwt-claim-row .jwt-remove-btn:hover{background:#2d1a1a;}.jwt-secret-input{font-family:'Fira Code',monospace;font-size:13px;}.jwt-action-btn{padding:5px 11px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;color:#2c3e50;transition:background 0.15s;white-space:nowrap;}.jwt-action-btn:hover{background:#e0e0e0;}[data-theme="dark"] .jwt-action-btn{background:#313244;border-color:#45475a;color:#cdd6f4;}[data-theme="dark"] .jwt-action-btn:hover{background:#45475a;}.jwt-btn-primary{padding:8px 20px;background:#6c63ff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;color:#fff;transition:background 0.15s,transform 0.1s;width:100%;margin-top:8px;}.jwt-btn-primary:hover{background:#5a52d5;}.jwt-btn-primary:active{transform:scale(0.98);}[data-theme="dark"] .jwt-btn-primary{background:#7c73ff;}[data-theme="dark"] .jwt-btn-primary:hover{background:#6c63ff;}.jwt-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#888;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #e0e0e0;}[data-theme="dark"] .jwt-section-label{color:#6c7086;border-color:#313244;}.jwt-toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;margin:0 0 4px 0;}.jwt-toggle-label input[type="checkbox"]{width:15px;height:15px;cursor:pointer;flex-shrink:0;}.jwt-result-area{background:#1a1a2e;font-family:'Fira Code',monospace;font-size:12px;padding:14px 16px;border-radius:8px;overflow-wrap:break-word;word-break:break-all;line-height:1.8;border:1px solid #2d2d4e;min-height:72px;}[data-theme="dark"] .jwt-result-area{background:#11111b;border-color:#313244;}.jwt-tabs .nav-link{font-weight:700;font-size:14px;color:#555;border-radius:6px 6px 0 0;}.jwt-tabs .nav-link.active{color:#6c63ff;border-bottom-color:transparent;}[data-theme="dark"] .jwt-tabs .nav-link{color:#a6adc8;}[data-theme="dark"] .jwt-tabs .nav-link.active{color:#cba6f7;}[data-theme="dark"] .jwt-tabs .nav-tabs{border-color:#313244;}[data-theme="dark"] .jwt-tabs .nav-link:not(.active){border-color:transparent;}[data-theme="dark"] .jwt-tabs .tab-content{border-color:#313244;}.jwt-textarea{font-family:'Fira Code',monospace;font-size:12px;resize:vertical;min-height:90px;line-height:1.6;}.jwt-hint{margin-left:23px;color:#888;font-size:11px;display:block;line-height:1.4;}[data-theme="dark"] .jwt-hint{color:#6c7086;}@media (max-width:575px){.jwt-panel pre{font-size:11px;}.jwt-token-display{font-size:11px;padding:10px 12px;}.jwt-claim-row .jwt-claim-key{flex:0 0 80px;}}