/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.png-to-base64-converter{color:#333;max-width:900px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif}.png-to-base64-converter h1{text-align:center;color:#1944f5;margin-bottom:1rem}.png-to-base64-converter .description{text-align:center;color:#666;margin-bottom:2rem}.png-to-base64-converter .drop-zone{text-align:center;cursor:pointer;background-color:#f5f5f5;border:2px dashed #ddd;border-radius:8px;margin-bottom:2rem;padding:3rem 1rem;transition:all .3s;position:relative}.png-to-base64-converter .drop-zone.dragging,.png-to-base64-converter .drop-zone:hover{background-color:#4a6cf70d;border-color:#4a6cf7}.png-to-base64-converter .drop-zone .file-input{display:none}.png-to-base64-converter .drop-zone .drop-zone-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.png-to-base64-converter .drop-zone .drop-zone-content .upload-icon{font-size:2.5rem}.png-to-base64-converter .drop-zone .drop-zone-content p{margin:0;font-size:1.1rem}.png-to-base64-converter .drop-zone .loader{color:#4a6cf7;font-size:1.2rem}.png-to-base64-converter .options-panel{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:grid;box-shadow:0 4px 6px #0000001a}.png-to-base64-converter .options-panel .option{flex-direction:column;gap:.5rem;display:flex}.png-to-base64-converter .options-panel .option label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.png-to-base64-converter .options-panel .option input[type=range]{cursor:pointer;width:100%}.png-to-base64-converter .error-message{color:#ff4d4f;text-align:center;background-color:#ff4d4f1a;border-radius:8px;margin-bottom:2rem;padding:1rem;font-weight:500}.png-to-base64-converter .result-section{background:#fff;border-radius:8px;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 6px #0000001a}.png-to-base64-converter .result-section .file-info{border-bottom:1px solid #ddd;padding:1.5rem}.png-to-base64-converter .result-section .file-info h3{color:#4a6cf7;margin-top:0;margin-bottom:1rem}.png-to-base64-converter .result-section .file-info ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.png-to-base64-converter .result-section .file-info ul li{padding:.5rem 0}.png-to-base64-converter .result-section .base64-result{padding:1.5rem}.png-to-base64-converter .result-section .base64-result h3{color:#4a6cf7;margin-top:0;margin-bottom:1rem}.png-to-base64-converter .result-section .base64-result .result-actions{flex-wrap:wrap;gap:.8rem;margin-bottom:1rem;display:flex}.png-to-base64-converter .result-section .base64-result .result-actions button{color:#fff;cursor:pointer;background-color:#4a6cf7;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;transition:all .3s}.png-to-base64-converter .result-section .base64-result .result-actions button:hover{background-color:#3a5ce4;transform:translateY(-1px)}.png-to-base64-converter .result-section .base64-result .result-actions button:active{transform:translateY(0)}.png-to-base64-converter .result-section .base64-result .base64-textarea{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;min-height:150px;margin-bottom:.5rem;padding:1rem;font-family:monospace}.png-to-base64-converter .result-section .base64-result .size-info{color:gray;text-align:right;font-size:.9rem}.png-to-base64-converter .usage-tips{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.png-to-base64-converter .usage-tips h3{color:#4a6cf7;margin-top:0}.png-to-base64-converter .usage-tips ul{margin-bottom:0;padding-left:1.5rem}.png-to-base64-converter .usage-tips ul li{padding:.3rem 0}@media (width<=768px){.png-to-base64-converter{padding:1rem}.png-to-base64-converter .options-panel,.png-to-base64-converter .result-section .file-info ul{grid-template-columns:1fr}}@media (width<=480px){.png-to-base64-converter .result-section .base64-result .result-actions{flex-direction:column}.png-to-base64-converter .result-section .base64-result .result-actions button{width:100%}}