.styles-module__bkkERG__base64Converter{--bg-gradient-start:#667eea;--bg-gradient-end:#764ba2;--card-bg:#fffffff2;--border-color:#e2e8f0;--border-light:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--btn-bg:#f8fafc;--btn-hover:#667eea;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-hover:#94a3b8;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6}.dark .styles-module__bkkERG__base64Converter{--bg-gradient-start:#1e293b;--bg-gradient-end:#0f172a;--card-bg:#1e293bf2;--border-color:#475569;--border-light:#334155;--text-primary:#e2e8f0;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--btn-bg:#334155;--btn-hover:#667eea;--scrollbar-track:#334155;--scrollbar-thumb:#475569;--scrollbar-hover:#64748b}.styles-module__bkkERG__base64Converter{background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);min-height:100vh;padding:40px 20px}.styles-module__bkkERG__layout{max-width:1200px;margin:0 auto}.styles-module__bkkERG__modeSelector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:60px;gap:12px;width:fit-content;margin:0 auto 32px;padding:6px;display:flex}.styles-module__bkkERG__modeBtn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:40px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.styles-module__bkkERG__modeBtn.styles-module__bkkERG__active{color:#667eea;background:#fff;box-shadow:0 4px 12px #0000001a}.dark .styles-module__bkkERG__modeBtn.styles-module__bkkERG__active{color:#e2e8f0;background:#1e293b}.styles-module__bkkERG__fileTypeSelector{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:60px;justify-content:center;gap:12px;width:fit-content;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:8px;display:flex}.styles-module__bkkERG__fileTypeLabel{cursor:pointer;color:var(--text-secondary);border-radius:40px;align-items:center;gap:8px;padding:8px 20px;font-weight:500;transition:all .2s;display:flex}.styles-module__bkkERG__fileTypeLabel:hover{background:#667eea1a}.styles-module__bkkERG__fileTypeLabel.styles-module__bkkERG__active{color:var(--btn-hover);background:linear-gradient(135deg,#667eea33,#764ba233)}.styles-module__bkkERG__fileTypeLabel input{cursor:pointer;width:18px;height:18px}.styles-module__bkkERG__inputSection{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:20px;margin-bottom:20px;padding:24px;transition:transform .2s}.styles-module__bkkERG__inputSection:hover{transform:translateY(-2px)}.styles-module__bkkERG__sectionHeader{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.styles-module__bkkERG__sectionHeader h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.styles-module__bkkERG__textarea{border:2px solid var(--border-color);resize:vertical;background:var(--card-bg);width:100%;color:var(--text-primary);border-radius:12px;padding:16px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;transition:all .2s}.styles-module__bkkERG__textarea:focus{border-color:var(--btn-hover);outline:none;box-shadow:0 0 0 3px #667eea1a}.styles-module__bkkERG__outputTextarea{background:#00000005;font-family:Courier New,monospace;font-size:.85rem}.dark .styles-module__bkkERG__outputTextarea{background:#ffffff05}.styles-module__bkkERG__dropZone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:#00000005;border-radius:16px;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;transition:all .2s;display:flex}.dark .styles-module__bkkERG__dropZone{background:#ffffff05}.styles-module__bkkERG__dropZone:hover{border-color:var(--btn-hover);background:#667eea0d}.styles-module__bkkERG__dropZone.styles-module__bkkERG__dragging{border-color:var(--btn-hover);background:#667eea1a;transform:scale(.98)}.styles-module__bkkERG__dropContent{flex-direction:column;align-items:center;gap:12px;display:flex}.styles-module__bkkERG__dropIcon{font-size:3rem}.styles-module__bkkERG__dropContent p{color:var(--text-primary);margin:0;font-weight:500}.styles-module__bkkERG__dropContent small{color:var(--text-muted);font-size:.75rem}.styles-module__bkkERG__imagePreviewContainer{width:100%;max-width:400px;margin:0 auto;position:relative}.styles-module__bkkERG__imagePreview{object-fit:contain;border-radius:12px;width:100%;max-height:200px}.styles-module__bkkERG__imageOverlay{opacity:0;color:#fff;background:#000000b3;border-radius:12px;justify-content:center;align-items:center;font-size:.85rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.styles-module__bkkERG__imagePreviewContainer:hover .styles-module__bkkERG__imageOverlay{opacity:1}.styles-module__bkkERG__fileInfoCard{background:#00000005;border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.dark .styles-module__bkkERG__fileInfoCard{background:#ffffff05}.styles-module__bkkERG__fileInfoIcon{font-size:2rem}.styles-module__bkkERG__fileInfoDetails{flex:1}.styles-module__bkkERG__fileInfoName{color:var(--text-primary);word-break:break-all;margin-bottom:4px;font-weight:600}.styles-module__bkkERG__fileInfoMeta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.7rem;display:flex}.styles-module__bkkERG__dataUrlInfo{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;display:flex}.styles-module__bkkERG__dataUrlInfo span{color:var(--info-color);font-size:.85rem;font-weight:500}.styles-module__bkkERG__dataUrlInfo small{color:var(--text-muted);font-size:.7rem}.styles-module__bkkERG__progressBar{background:var(--border-color);border-radius:2px;width:100%;height:4px;margin-top:8px;overflow:hidden}.styles-module__bkkERG__progressFill{background:linear-gradient(90deg, var(--btn-hover), #764ba2);height:100%;transition:width .3s}.styles-module__bkkERG__actionBar{gap:12px;margin-bottom:20px;display:flex}@media (max-width:640px){.styles-module__bkkERG__actionBar{flex-direction:column}}.styles-module__bkkERG__primaryBtn{background:linear-gradient(135deg, var(--btn-hover), #764ba2);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:2;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s}.styles-module__bkkERG__primaryBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.styles-module__bkkERG__primaryBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.styles-module__bkkERG__secondaryBtn{background:var(--btn-bg);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex:1;padding:14px 24px;font-weight:600;transition:all .2s}.styles-module__bkkERG__secondaryBtn:hover:not(:disabled){background:var(--btn-hover);color:#fff;transform:translateY(-2px)}.styles-module__bkkERG__errorMessage{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.styles-module__bkkERG__errorIcon{font-size:1.2rem}.styles-module__bkkERG__errorText{color:var(--error-color);flex:1;font-size:.9rem}.styles-module__bkkERG__errorClose{cursor:pointer;color:var(--error-color);background:0 0;border:none;padding:0 4px;font-size:1.2rem}.styles-module__bkkERG__errorClose:hover{transform:scale(1.2)}.styles-module__bkkERG__outputActions{gap:12px;margin-top:16px;display:flex}@media (max-width:640px){.styles-module__bkkERG__outputActions{flex-direction:column}}.styles-module__bkkERG__actionBtn{background:var(--btn-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:10px;flex:1;padding:10px 20px;font-weight:600;transition:all .2s}.styles-module__bkkERG__actionBtn:hover:not(:disabled){background:var(--btn-hover);color:#fff;transform:translateY(-1px)}.styles-module__bkkERG__outputSection{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:20px;margin-bottom:20px;padding:24px;animation:.3s styles-module__bkkERG__fadeIn}.styles-module__bkkERG__largeOutputWarning{border:1px solid var(--warning-color);background:#f59e0b1a;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:20px;display:flex}.styles-module__bkkERG__largeOutputWarning span{font-size:2rem}.styles-module__bkkERG__largeOutputWarning p{color:var(--text-secondary);margin:0;font-size:.85rem}.styles-module__bkkERG__decodeImageSection{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:20px;margin-bottom:24px;padding:24px;animation:.3s styles-module__bkkERG__fadeIn}.styles-module__bkkERG__imagePreviewCard{background:#00000005;border-radius:16px;margin-bottom:20px;overflow:hidden}.dark .styles-module__bkkERG__imagePreviewCard{background:#ffffff05}.styles-module__bkkERG__imagePreviewHeader{border-bottom:1px solid var(--border-light);background:#00000008;align-items:center;gap:12px;padding:16px 20px;display:flex}.styles-module__bkkERG__imagePreviewIcon{font-size:1.5rem}.styles-module__bkkERG__imagePreviewTitle{color:var(--text-primary);flex:1;margin:0;font-size:1rem;font-weight:600}.styles-module__bkkERG__imageFormatBadge{background:linear-gradient(135deg, var(--btn-hover), #764ba2);color:#fff;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:600}.styles-module__bkkERG__imagePreviewWrapper{background:repeating-conic-gradient(var(--border-light) 0% 25%, transparent 0% 50%);background-size:20px 20px;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}.styles-module__bkkERG__decodedImage{object-fit:contain;border-radius:12px;max-width:100%;max-height:400px;transition:transform .2s;box-shadow:0 4px 20px #0000001a}.styles-module__bkkERG__decodedImage:hover{transform:scale(1.02)}.styles-module__bkkERG__metadataCard{background:#00000005;border-radius:16px;margin-bottom:20px;padding:20px}.dark .styles-module__bkkERG__metadataCard{background:#ffffff05}.styles-module__bkkERG__metadataHeader{border-bottom:2px solid var(--border-color);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.styles-module__bkkERG__metadataIcon{font-size:1.2rem}.styles-module__bkkERG__metadataHeader h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.styles-module__bkkERG__metadataGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.styles-module__bkkERG__metadataItem{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.styles-module__bkkERG__metadataItem:last-child{border-bottom:none}.styles-module__bkkERG__metadataLabel{color:var(--text-muted);font-size:.8rem;font-weight:500}.styles-module__bkkERG__metadataValue{color:var(--text-primary);text-align:right;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.styles-module__bkkERG__imageActionBar{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:640px){.styles-module__bkkERG__imageActionBar{flex-direction:column}}.styles-module__bkkERG__primaryAction{background:linear-gradient(135deg, var(--btn-hover), #764ba2);color:#fff;border:none;flex:2}.styles-module__bkkERG__primaryAction:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.styles-module__bkkERG__secondaryAction{background:var(--btn-bg);color:var(--text-secondary);border:1px solid var(--border-color);flex:1}.styles-module__bkkERG__secondaryAction:hover:not(:disabled){background:var(--btn-hover);color:#fff;transform:translateY(-2px)}.styles-module__bkkERG__decodeBinarySection{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:20px;margin-bottom:20px;padding:24px;animation:.3s styles-module__bkkERG__fadeIn}.styles-module__bkkERG__binaryInfo{background:#00000005;border-radius:12px;margin:16px 0;padding:16px}.dark .styles-module__bkkERG__binaryInfo{background:#ffffff05}.styles-module__bkkERG__binaryInfoRow{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.styles-module__bkkERG__binaryInfoRow:last-child{border-bottom:none}.styles-module__bkkERG__binaryInfoRow span{color:var(--text-muted);font-size:.85rem}.styles-module__bkkERG__binaryInfoRow strong{color:var(--text-primary);font-family:monospace;font-size:.9rem}.styles-module__bkkERG__infoGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.styles-module__bkkERG__infoCard{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;gap:16px;padding:20px;transition:transform .2s;display:flex}.styles-module__bkkERG__infoCard:hover{transform:translateY(-4px)}.styles-module__bkkERG__infoIcon{font-size:2rem}.styles-module__bkkERG__infoContent{flex:1}.styles-module__bkkERG__infoContent h4{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.styles-module__bkkERG__infoContent p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}@keyframes styles-module__bkkERG__fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.styles-module__bkkERG__base64Converter{padding:20px 16px}.styles-module__bkkERG__modeSelector{border-radius:20px;flex-direction:column;width:100%}.styles-module__bkkERG__modeBtn{justify-content:center}.styles-module__bkkERG__fileTypeSelector{border-radius:20px;flex-wrap:wrap;width:100%}}@media (max-width:768px){.styles-module__bkkERG__base64Converter{padding:16px 12px}.styles-module__bkkERG__inputSection{padding:20px}.styles-module__bkkERG__sectionHeader{flex-direction:column;align-items:flex-start;gap:8px}.styles-module__bkkERG__metadataGrid{grid-template-columns:1fr}.styles-module__bkkERG__metadataItem{padding:8px 0}.styles-module__bkkERG__metadataValue{text-align:right}}@media (max-width:480px){.styles-module__bkkERG__base64Converter{padding:12px}.styles-module__bkkERG__modeBtn{padding:8px 16px;font-size:.85rem}.styles-module__bkkERG__fileTypeLabel{padding:6px 12px;font-size:.85rem}.styles-module__bkkERG__dropIcon{font-size:2rem}.styles-module__bkkERG__imagePreviewWrapper{padding:20px}.styles-module__bkkERG__decodedImage{max-height:250px}.styles-module__bkkERG__metadataLabel,.styles-module__bkkERG__metadataValue{font-size:.75rem}}.styles-module__bkkERG__textarea::-webkit-scrollbar{width:8px}.styles-module__bkkERG__textarea::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.styles-module__bkkERG__textarea::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.styles-module__bkkERG__textarea::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}