.image-converter-container[data-v-fc5ee936]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1000px;margin:0 auto;padding:20px;color:#333}.drop-zone[data-v-fc5ee936]{border:2px dashed #ccc;border-radius:8px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;background-color:#f9f9f9;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.drop-zone.is-dragover[data-v-fc5ee936]{border-color:#4a90e2;background-color:#e8f4ff}.drop-zone.has-image[data-v-fc5ee936]{padding:0;border-color:transparent;background-color:transparent}.upload-prompt[data-v-fc5ee936]{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon[data-v-fc5ee936]{width:48px;height:48px;color:#4a90e2}.prompt-text[data-v-fc5ee936]{font-size:18px;font-weight:500;margin:0}.file-types[data-v-fc5ee936]{font-size:14px;color:#666;margin:0}.file-input[data-v-fc5ee936]{display:none}.image-preview-container[data-v-fc5ee936]{position:relative;width:100%;height:100%}.preview-image[data-v-fc5ee936]{max-width:100%;max-height:400px;border-radius:6px;box-shadow:0 2px 10px #0000001a}.change-button[data-v-fc5ee936]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.change-button[data-v-fc5ee936]:hover{background-color:#000c}.loading-overlay[data-v-fc5ee936]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;z-index:10}.spinner[data-v-fc5ee936]{width:32px;height:32px;animation:spin-fc5ee936 1s linear infinite;color:#4a90e2}@keyframes spin-fc5ee936{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-fc5ee936]{margin-top:16px;padding:12px;background-color:#ffebee;border-left:4px solid #f44336;border-radius:4px;display:flex;align-items:center;gap:8px}.error-icon[data-v-fc5ee936]{width:20px;height:20px;color:#f44336}.result-section[data-v-fc5ee936]{margin-top:24px}.result-header[data-v-fc5ee936]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.copy-button[data-v-fc5ee936]{display:flex;align-items:center;gap:6px;background-color:#4a90e2;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.copy-button[data-v-fc5ee936]:hover{background-color:#3a7bc8}.copy-icon[data-v-fc5ee936]{width:16px;height:16px}.base64-textarea[data-v-fc5ee936]{width:100%;min-height:120px;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:monospace;resize:vertical;background-color:#f5f5f5}.base64-to-image[data-v-6b1811ca]{padding:20px}.base64-to-image .container[data-v-6b1811ca]{max-width:800px;margin:0 auto;background:#ffffff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px}.base64-to-image .container .title[data-v-6b1811ca]{text-align:center;color:#161b40;font-size:28px;font-weight:600;margin-bottom:40px}.input-section[data-v-6b1811ca]{margin-bottom:30px}.input-section .input-label[data-v-6b1811ca]{display:block;font-size:16px;font-weight:500;color:#161b40;margin-bottom:12px}.input-section .base64-input[data-v-6b1811ca]{width:100%;min-height:120px;padding:16px;border:2px solid #E0E5F2;border-radius:4px;font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color .3s ease}.input-section .base64-input[data-v-6b1811ca]:focus{outline:none;border-color:#43bee5;box-shadow:0 0 0 3px #43bee51a}.input-section .base64-input[data-v-6b1811ca]::placeholder{color:#999}.button-group[data-v-6b1811ca]{display:flex;gap:16px;margin-top:20px}.button-group .convert-btn[data-v-6b1811ca],.button-group .clear-btn[data-v-6b1811ca]{flex:1;padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.button-group .convert-btn[data-v-6b1811ca]:disabled,.button-group .clear-btn[data-v-6b1811ca]:disabled{opacity:.6;cursor:not-allowed}.button-group .convert-btn[data-v-6b1811ca]{background:#43BEE5;color:#fff}.button-group .convert-btn[data-v-6b1811ca]:hover:not(:disabled){background:#35a5d4;transform:translateY(-1px)}.button-group .clear-btn[data-v-6b1811ca]{background:#E0E5F2;color:#161b40}.button-group .clear-btn[data-v-6b1811ca]:hover{background:#d1d9e6}.loading[data-v-6b1811ca]{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#43bee5;font-weight:500}.loading .loading-spinner[data-v-6b1811ca]{width:20px;height:20px;border:2px solid #E0E5F2;border-top:2px solid #43BEE5;border-radius:50%;animation:spin-6b1811ca .6s linear infinite}@keyframes spin-6b1811ca{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-6b1811ca]{background:#ffe6e6;color:#f40058;padding:12px 16px;border-radius:4px;border-left:4px solid #F40058;margin:20px 0;font-weight:500}.result-section[data-v-6b1811ca]{margin-top:40px;padding-top:30px;border-top:2px solid #E0E5F2}.result-section .result-title[data-v-6b1811ca]{color:#161b40;font-size:20px;font-weight:600;margin-bottom:20px}.image-preview[data-v-6b1811ca]{text-align:center;margin-bottom:20px}.image-preview .preview-image[data-v-6b1811ca]{max-width:100%;max-height:400px;border-radius:4px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.image-preview .preview-image[data-v-6b1811ca]:hover{transform:scale(1.02)}.image-info[data-v-6b1811ca]{display:flex;background:#E0E5F2;padding:16px;border-radius:4px;margin-bottom:24px}.image-info .info-item[data-v-6b1811ca]{flex:1;justify-content:space-between;margin-bottom:8px;font-size:14px}.image-info .info-item[data-v-6b1811ca]:last-child{margin-bottom:0}.image-info .info-item .info-label[data-v-6b1811ca]{font-weight:500;color:#161b40}.image-info .info-item .info-value[data-v-6b1811ca]{color:#43bee5;font-weight:600}.download-section[data-v-6b1811ca]{display:flex;gap:12px}.download-section .download-btn[data-v-6b1811ca],.download-section .copy-btn[data-v-6b1811ca]{flex:1;padding:12px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.download-section .download-btn[data-v-6b1811ca]{background:#F40058;color:#fff}.download-section .download-btn[data-v-6b1811ca]:hover{background:#d6004a;transform:translateY(-1px)}.download-section .copy-btn[data-v-6b1811ca]{background:#EFA500;color:#fff}.download-section .copy-btn[data-v-6b1811ca]:hover{background:#d49400;transform:translateY(-1px)}@media (max-width: 768px){.base64-to-image .container[data-v-6b1811ca]{padding:24px;margin:10px}.base64-to-image .title[data-v-6b1811ca]{font-size:24px;margin-bottom:30px}.base64-to-image .button-group[data-v-6b1811ca],.base64-to-image .download-section[data-v-6b1811ca]{flex-direction:column}}.tools[data-v-cd73a6c8]{padding:15rem 0 10rem;min-height:calc(100vh - 6.2rem);box-sizing:border-box}.tools .app-container[data-v-cd73a6c8]{max-width:1200px;margin:0 auto;padding:2rem}.tools .title[data-v-cd73a6c8]{display:inline-block;width:40rem;margin:0 auto 2rem;text-align:center;font-size:1.8rem;color:#2c3e50;display:flex}.tools .title .item[data-v-cd73a6c8]{flex:1;text-align:center}.tools .title .item.active[data-v-cd73a6c8]{color:#f40058}.fouc-fix{display:block}