.ocr-dropzone{border:2px dashed var(--primary-color, #4A6CF7)!important;background:#4a6cf705;border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ocr-dropzone:hover{background:#4a6cf70f;border-color:var(--primary-dark, #3a56d4)!important;transform:translateY(-2px)}.ocr-dropzone.dragover{border-color:#28a745!important;background:#28a74514;box-shadow:0 0 15px #28a74526;animation:pulse-border 1.5s infinite ease-in-out}.ocr-dropzone.has-image{min-height:auto;padding:20px}.ocr-upload-icon{font-size:2.8rem;color:var(--primary-color, #4A6CF7);margin-bottom:15px;transition:transform .3s ease}.ocr-dropzone:hover .ocr-upload-icon{transform:scale(1.1)}.ocr-preview-container{width:100%;margin-top:15px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;box-shadow:inset 0 2px 4px #00000005;display:none;text-align:center;padding:10px}.ocr-preview-img{max-width:100%;max-height:380px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease}.ocr-control-card{border-radius:16px;box-shadow:0 4px 20px #0000000d}.ocr-option-group{background:#f8fafc;border-radius:10px;padding:12px 15px;border:1px dashed #e2e8f0}.ocr-result-card{border-radius:16px;box-shadow:0 4px 20px #0000000d}.ocr-textarea{font-family:var(--font-mono, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace);font-size:.95rem;line-height:1.6;border-radius:12px;resize:vertical;border:1px solid #e2e8f0;transition:all .3s ease;padding:15px}.ocr-textarea:focus{border-color:var(--primary-color, #4A6CF7);box-shadow:0 0 0 3px #4a6cf726}.ocr-status-box{border-radius:10px;background:#f1f5f9;padding:10px 15px;font-size:.9rem;color:#475569;display:flex;align-items:center;justify-content:space-between}.ocr-progress-container{display:none;margin-top:15px}.ocr-progress-bar{height:8px;border-radius:4px;background-color:var(--primary-color, #4A6CF7);width:0%;transition:width .2s ease}.btn-ocr-primary{background:linear-gradient(135deg,var(--primary-color, #4A6CF7) 0%,#3a56d4 100%);border:none;color:#fff;font-weight:600;transition:all .2s ease}.btn-ocr-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4a6cf74d}.btn-ocr-primary:active:not(:disabled){transform:translateY(1px)}@keyframes pulse-border{0%,to{box-shadow:0 0 #28a74533}50%{box-shadow:0 0 0 8px #28a74566}}#ocr-canvas{display:none}.seo-content{max-width:1200px;margin:45px auto 20px;color:#4a5568;line-height:1.8}.seo-intro{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 15px #00000008;margin-bottom:25px}.seo-intro h2{font-size:1.4rem;font-weight:700;margin-bottom:15px;color:#1a202c;border-bottom:3px solid var(--primary-color, #4A6CF7);display:inline-block;padding-bottom:4px}.seo-intro p{font-size:.95rem;margin-bottom:15px}.seo-details{display:flex;flex-wrap:wrap;gap:20px}.detail-column{flex:1;min-width:320px;background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 15px #00000008}.detail-column h3{font-size:1.15rem;font-weight:700;margin-bottom:15px;color:#1a202c}.feature-list{list-style:none;padding-left:0}.feature-list li{position:relative;padding-left:20px;margin-bottom:10px;font-size:.9rem}.feature-list li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.faq-item{margin-bottom:15px}.faq-item strong{font-size:.95rem;color:#2d3748}.faq-item p{font-size:.9rem;color:#718096;margin-top:5px}:global(body.dark-mode) .ocr-card,:global(body.dark-mode) .ocr-control-card,:global(body.dark-mode) .ocr-result-card,:global(body.dark-mode) .seo-intro,:global(body.dark-mode) .detail-column{background:var(--card-bg, #1a2236)!important;border-color:#2d3748!important;color:#e2e8f0}:global(body.dark-mode) .ocr-dropzone{background:#4a6cf70d;border-color:#4a5568!important}:global(body.dark-mode) .ocr-dropzone:hover{background:#4a6cf71a;border-color:var(--primary-color, #4A6CF7)!important}:global(body.dark-mode) .ocr-preview-container{background:#111827;border-color:#374151}:global(body.dark-mode) .ocr-option-group{background:#1e293b;border-color:#334155}:global(body.dark-mode) .ocr-textarea{background:#0f172a;border-color:#334155;color:#f8fafc}:global(body.dark-mode) .ocr-status-box{background:#1e293b;color:#cbd5e1}:global(body.dark-mode) .seo-intro h2,:global(body.dark-mode) .detail-column h3,:global(body.dark-mode) .faq-item strong{color:#f8fafc}:global(body.dark-mode) .seo-intro p,:global(body.dark-mode) .faq-item p,:global(body.dark-mode) .seo-content{color:#94a3b8}