.base64-converter-container{max-width:1000px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#343a40}.base64-converter-container h1{text-align:center;margin-bottom:1rem;color:#4a6bff;font-weight:700}.base64-converter-container .description{text-align:center;margin-bottom:2rem;color:#6c757d;font-size:1.1rem}.base64-converter-container .converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.base64-converter-container .converter-grid{grid-template-columns:1fr}}.base64-converter-container .input-section,.base64-converter-container .output-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.base64-converter-container .base64-input-container{margin-bottom:1.5rem}.base64-converter-container .base64-input-container label{display:block;margin-bottom:.5rem;font-weight:600}.base64-converter-container .base64-input-container textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:8px;resize:vertical;min-height:200px;font-family:monospace;transition:all .3s ease}.base64-converter-container .base64-input-container textarea:focus{border-color:#4a6bff;outline:none;box-shadow:0 0 0 3px rgba(74,107,255,.2)}.base64-converter-container .settings-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media(max-width:480px){.base64-converter-container .settings-section{grid-template-columns:1fr}}.base64-converter-container .settings-section .setting label{display:block;margin-bottom:.25rem;font-weight:600;font-size:.9rem}.base64-converter-container .settings-section .setting input,.base64-converter-container .settings-section .setting select{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:8px;transition:all .3s ease}.base64-converter-container .settings-section .setting input:focus,.base64-converter-container .settings-section .setting select:focus{border-color:#4a6bff;outline:none;box-shadow:0 0 0 2px rgba(74,107,255,.2)}.base64-converter-container .action-buttons{display:flex;gap:1rem}.base64-converter-container .action-buttons button{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.base64-converter-container .action-buttons button.convert-button{background-color:#4a6bff;color:#fff}.base64-converter-container .action-buttons button.convert-button:hover{background-color:rgb(23,65.2983425414,255)}.base64-converter-container .action-buttons button.clear-button{background-color:#6c757d;color:#fff}.base64-converter-container .action-buttons button.clear-button:hover{background-color:rgb(84.3605150215,91.3905579399,97.6394849785)}.base64-converter-container .output-section{display:flex;flex-direction:column}.base64-converter-container .output-section .error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:rgba(220,53,69,.1);border-left:4px solid #dc3545;border-radius:8px;margin-bottom:1rem;color:#dc3545}.base64-converter-container .output-section .error-message .error-icon{font-size:1.5rem}.base64-converter-container .output-section .error-message p{margin:0;font-weight:600}.base64-converter-container .output-section .image-preview-container{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid #eee;border-radius:8px;overflow:hidden;background-color:#f5f5f5;min-height:250px}.base64-converter-container .output-section .image-preview-container img{max-width:100%;max-height:300px;object-fit:contain}.base64-converter-container .output-section .placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c757d;min-height:250px}.base64-converter-container .output-section .placeholder .placeholder-icon{font-size:3rem;margin-bottom:1rem}.base64-converter-container .output-section .placeholder p{margin:0;font-size:1.1rem}.base64-converter-container .output-section .output-actions button{width:100%;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;background-color:#28a745;color:#fff}.base64-converter-container .output-section .output-actions button:hover{background-color:rgb(30.1449275362,125.8550724638,52)}