.base64-decoder { max-width: 700px; margin: 0 auto; }
.tool-description { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 1.5rem; margin-bottom: 2rem; }
.form-group { margin-bottom: 1.5rem; }
.form-group label { display: block; margin-bottom: 0.5rem; font-weight: 600; color: var(--text-color); }
.form-group textarea { width: 100%; min-height: 100px; padding: 12px; border: 2px solid #e9ecef; border-radius: 6px; font-family: monospace; font-size: 14px; resize: vertical; background: white; }
.form-group textarea:focus { outline: none; border-color: var(--primary-color); }
.btn { background: var(--primary-color); color: white; border: none; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 600; transition: background 0.3s ease; }
.btn:hover { background: var(--primary-color-dark); }
.btn-sm { padding: 8px 16px; font-size: 12px; }
.error-message { background: #ffe6e6; color: #d63384; padding: 12px; border-radius: 6px; margin: 1rem 0; border: 1px solid #f5c6cb; }
.warn-message { background: #fff3cd; color: #856404; padding: 10px; border-radius: 6px; margin: 1rem 0; border: 1px solid #ffeaa7; }
.jwt-result, .base64-result { margin-top: 1.5rem; }
.jwt-block { margin-bottom: 1rem; }
pre { background: #f8f9fa; border-radius: 6px; padding: 10px; font-size: 13px; overflow-x: auto; }

.en-base64-style-2{margin: 1.5rem 0;}
.en-base64-style-3{display:none;}
.en-base64-style-4{display:none;}