.page-module__KVObTa__main{padding:32px 0}.page-module__KVObTa__tabsContainer{justify-content:center;margin-bottom:32px;display:flex}.page-module__KVObTa__tabs{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;display:flex}.page-module__KVObTa__tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;padding:12px 32px;font-family:inherit;font-size:.9375rem;font-weight:500;transition:all .2s}.page-module__KVObTa__tab:hover{color:var(--text-primary)}.page-module__KVObTa__tab.page-module__KVObTa__active{color:#fff;background:var(--primary)}.page-module__KVObTa__panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.page-module__KVObTa__panelHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.page-module__KVObTa__panelTitle{color:var(--text-secondary);font-size:.875rem;font-weight:600}.page-module__KVObTa__panelActions{gap:8px;display:flex}.page-module__KVObTa__btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.page-module__KVObTa__btnSecondary{background:var(--background);color:var(--text-secondary);border:1px solid var(--border)}.page-module__KVObTa__btnSecondary:hover{background:var(--border)}.page-module__KVObTa__btnPrimary{background:var(--primary);color:#fff}.page-module__KVObTa__btnPrimary:hover{background:var(--primary-dark)}.page-module__KVObTa__dropZone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;margin:20px;padding:60px 40px;transition:all .2s}.page-module__KVObTa__dropZone:hover,.page-module__KVObTa__dropZone.page-module__KVObTa__dragover{border-color:var(--primary);background:#2563eb0d}.page-module__KVObTa__dropZoneIcon{color:var(--text-muted);margin-bottom:16px;font-size:3rem}.page-module__KVObTa__dropZone p{color:var(--text-secondary);margin-bottom:12px}.page-module__KVObTa__hint{color:var(--text-muted);margin-top:8px;font-size:.8rem}.page-module__KVObTa__fileInput{display:none}.page-module__KVObTa__imagePreviewSection{text-align:center;padding:20px}.page-module__KVObTa__previewContainer{max-width:100%;display:inline-block;position:relative}.page-module__KVObTa__previewImg{border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:300px}.page-module__KVObTa__imageInfo{background:var(--background);color:var(--text-secondary);text-align:left;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:16px;padding:12px 16px;font-size:.875rem;display:grid}.page-module__KVObTa__infoItem{justify-content:space-between;display:flex}.page-module__KVObTa__infoValue{color:var(--text-primary);font-weight:600}.page-module__KVObTa__base64Output{border-top:1px solid var(--border);padding:20px}.page-module__KVObTa__outputHeader{margin-bottom:12px}.page-module__KVObTa__outputFormat{gap:12px;margin-bottom:12px;display:flex}.page-module__KVObTa__formatOption{cursor:pointer;color:var(--text-secondary);align-items:center;gap:6px;font-size:.875rem;display:flex}.page-module__KVObTa__formatOption input{accent-color:var(--primary)}.page-module__KVObTa__base64Textarea{border:1px solid var(--border);resize:vertical;background:var(--background);width:100%;min-height:200px;color:var(--text-primary);word-break:break-all;border-radius:8px;padding:16px;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.8rem;line-height:1.6}.page-module__KVObTa__base64Textarea:focus{border-color:var(--primary);outline:none}.page-module__KVObTa__outputActions{gap:8px;margin-top:12px;display:flex}.page-module__KVObTa__base64InputSection{padding:20px}.page-module__KVObTa__convertActions{border-top:1px solid var(--border);justify-content:center;gap:12px;padding:20px;display:flex}.page-module__KVObTa__resultSection{border-top:1px solid var(--border)}.page-module__KVObTa__resultPreview{text-align:center;padding:20px}.page-module__KVObTa__errorMsg{color:#ef4444;background:#ef44441a;border-radius:8px;margin:16px 20px;padding:12px 16px;font-size:.875rem}.page-module__KVObTa__infoSection{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:32px;padding:20px}.page-module__KVObTa__infoTitle{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;font-weight:600}.page-module__KVObTa__infoContent{color:var(--text-secondary);font-size:.875rem;line-height:1.8}.page-module__KVObTa__infoContent p{margin-top:0}.page-module__KVObTa__infoContent h4{color:var(--text-primary);margin:16px 0 8px;font-size:.9375rem}.page-module__KVObTa__infoContent ol{margin:0;padding-left:20px}.page-module__KVObTa__infoContent li{margin-bottom:4px}.page-module__KVObTa__infoContent code{background:var(--background);border-radius:4px;padding:2px 6px;font-family:SF Mono,Consolas,monospace;font-size:.8rem}.page-module__KVObTa__infoContent pre{background:var(--background);border-radius:8px;margin:8px 0;padding:12px 16px;font-size:.8rem;line-height:1.6;overflow-x:auto}.page-module__KVObTa__faqItem{margin-bottom:16px}.page-module__KVObTa__faqItem:last-child{margin-bottom:0}.page-module__KVObTa__faqItem h4{color:var(--text-primary);margin:0 0 8px;font-size:.9375rem}.page-module__KVObTa__faqItem p{margin:0}.page-module__KVObTa__relatedToolsCompact{margin-top:32px;padding-bottom:0}@media (max-width:768px){.page-module__KVObTa__tabs{flex-direction:column}.page-module__KVObTa__tab{text-align:center}.page-module__KVObTa__imageInfo{grid-template-columns:1fr}.page-module__KVObTa__outputFormat{flex-direction:column}.page-module__KVObTa__dropZone{padding:40px 20px}}