.image-to-text-converter-wrapper{font-family:'Inter',sans-serif;background:radial-gradient(circle at top left,#f3e8ff 0%,#f8fafc 60%,#e0e7ff 100%);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:30px 0;box-sizing:border-box;width:100%;animation:fadeIn 0.8s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-to-text-converter-wrapper .container{max-width:950px;width:100%;background-color:#fff;border-radius:1.5rem;box-shadow:0 15px 40px rgb(0 0 0 / .15);padding:3.5rem;text-align:center;margin:0 auto;border:1px solid #e2e8f0;box-shadow:0 15px 40px rgb(0 0 0 / .15),inset 0 0 0 1px rgb(255 255 255 / .8)}.image-to-text-converter-wrapper h2{color:#2d3748;font-size:2.5rem;margin-bottom:1rem}.image-to-text-converter-wrapper p{color:#4a5568;font-size:1.125rem;margin-bottom:2.5rem}.image-to-text-converter-wrapper .language-selection{margin-bottom:2.5rem}.image-to-text-converter-wrapper .language-selection label{color:#4a5568;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;display:block}.image-to-text-converter-wrapper #language-select{appearance:none;background-color:#f9fafb;border:2px solid #cbd5e1;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;color:#2d3748;cursor:pointer;transition:all 0.3s ease;box-shadow:inset 0 1px 3px rgb(0 0 0 / .05);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%20viewBox%3D%220%200%20292.4%20292.4%22%3E%3Cpath%20fill%3D%22%236d28d9%22%20d%3D%22M287%20197.3L159.2%2069.5c-3.6-3.6-8.4-5.4-13.2-5.4s-9.6%201.8-13.2%205.4L5.4%20197.3c-7.2%207.2-7.2%2018.8%200%2026.1s18.8%207.2%2026.1%200l127.7-127.7L261%20223.4c7.2%207.2%2018.8%207.2%2026.1%200s7.2-18.8%200-26.1z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:.8em auto}.image-to-text-converter-wrapper #language-select:hover{border-color:#8b5cf6;box-shadow:0 0 0 3px rgb(139 92 246 / .2)}.image-to-text-converter-wrapper #language-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px rgb(139 92 246 / .3)}.image-to-text-converter-wrapper .drop-area{border:3px dashed #a78bfa;background-color:#f3e8ff;border-radius:1rem;padding:3rem;margin-bottom:2.5rem;cursor:pointer;transition:all 0.4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.image-to-text-converter-wrapper .drop-area.hover{background-color:#e9d5ff;border-color:#8b5cf6;transform:scale(1.02);box-shadow:0 0 20px rgb(139 92 246 / .3)}.image-to-text-converter-wrapper .drop-area p{color:#6d28d9;font-size:1.25rem;font-weight:700;margin-top:1.25rem;transition:color 0.3s ease}.image-to-text-converter-wrapper .drop-area.hover p{color:#4c1d95}.image-to-text-converter-wrapper .drop-area svg{width:4rem;height:4rem;transition:transform 0.3s ease}.image-to-text-converter-wrapper .drop-area.hover svg{transform:translateY(-5px) scale(1.1)}.image-to-text-converter-wrapper #image-preview{max-width:100%;max-height:350px;border-radius:1rem;margin-top:2rem;box-shadow:0 8px 20px rgb(0 0 0 / .12);display:none;object-fit:contain;border:2px solid #e0e7ff;transition:transform 0.3s ease}.image-to-text-converter-wrapper #image-preview.loaded{animation:imageFadeIn 0.5s ease-out}@keyframes imageFadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-to-text-converter-wrapper .btn{background:linear-gradient(to right,#8b5cf6,#a78bfa);color:#fff;padding:1rem 2.5rem;border-radius:.75rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all 0.3s ease;box-shadow:0 6px 15px rgb(139 92 246 / .4);border:none;position:relative;overflow:hidden}.image-to-text-converter-wrapper .btn:hover{background:linear-gradient(to right,#a78bfa,#8b5cf6);box-shadow:0 8px 20px rgb(139 92 246 / .6);transform:translateY(-3px) scale(1.02)}.image-to-text-converter-wrapper .btn:active{transform:translateY(0);box-shadow:0 4px 10px rgb(139 92 246 / .4)}.image-to-text-converter-wrapper .btn:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}.image-to-text-converter-wrapper #extracted-text{width:100%;min-height:180px;border:2px solid #c3dafe;border-radius:1rem;padding:1.25rem;margin-top:2.5rem;font-size:1.05rem;line-height:1.6;resize:vertical;background-color:#fdfefe;color:#2d3748;box-shadow:inset 0 3px 8px rgb(0 0 0 / .08);transition:all 0.3s ease;display:none}.image-to-text-converter-wrapper #extracted-text:focus{outline:none;border-color:#8b5cf6;box-shadow:inset 0 3px 8px rgb(0 0 0 / .08),0 0 0 4px rgb(139 92 246 / .2)}.image-to-text-converter-wrapper .spinner{border:5px solid rgb(0 0 0 / .1);border-left-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem;box-shadow:0 0 15px rgb(139 92 246 / .4)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.image-to-text-converter-wrapper #progress-text{font-size:1.8rem;font-weight:700;background:linear-gradient(to right,#8b5cf6,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;color:#fff0;transition:all 0.3s ease;text-shadow:0 0 8px rgb(139 92 246 / .3)}.image-to-text-converter-wrapper #loading-area{display:none;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem}.image-to-text-converter-wrapper .message-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 30px rgb(0 0 0 / .2);padding:30px;max-width:450px;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:none;animation:popIn 0.3s ease-out}@keyframes popIn{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.image-to-text-converter-wrapper .message-box h3{margin-top:0;color:#2d3748;font-size:1.75rem;margin-bottom:1rem}.image-to-text-converter-wrapper .message-box p{margin-bottom:25px;color:#4a5568;font-size:1.05rem}.image-to-text-converter-wrapper .message-box button{background-color:#8b5cf6;color:#fff;padding:12px 25px;border:none;border-radius:.75rem;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease;font-weight:600}.image-to-text-converter-wrapper .message-box button:hover{background-color:#a78bfa;transform:translateY(-2px)}.image-to-text-converter-wrapper .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);z-index:999;display:none;animation:fadeInOverlay 0.3s ease-out}@keyframes fadeInOverlay{from{opacity:0}to{opacity:1}}@media (max-width:1024px){.image-to-text-converter-wrapper .container{max-width:850px;padding:3rem}}@media (max-width:768px){.image-to-text-converter-wrapper .container{padding:2rem;border-radius:1rem}.image-to-text-converter-wrapper h2{font-size:2rem}.image-to-text-converter-wrapper p{font-size:1rem}.image-to-text-converter-wrapper .drop-area{padding:2rem}.image-to-text-converter-wrapper .drop-area p{font-size:1rem}.image-to-text-converter-wrapper .btn{padding:.8rem 2rem;font-size:.9rem}.image-to-text-converter-wrapper #extracted-text{min-height:120px;padding:1rem;font-size:.95rem}.image-to-text-converter-wrapper .message-box{max-width:90%;padding:20px}.image-to-text-converter-wrapper #progress-text{font-size:1.5rem}}