:root{--primary-color:#3a86ff;--secondary-color:#8338ec;--accent-color:#ff006e;--dark-color:#1a1a2e;--light-color:#f8f9fa;--success-color:#06d6a0;--warning-color:#ffbe0b;--error-color:#ef476f}body.ocr-page{color:var(--light-color);background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);min-height:100vh;margin:0;padding:0}.container{border-radius:var(--radius-md);max-width:1000px;box-shadow:none;background:#1a1a2ecc;border:1px solid #ffffff1a;margin:30px auto 0;padding:30px;line-height:1.6}.upload-area{border:2px dashed var(--primary-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;margin-bottom:20px;padding:30px;transition:all .3s;position:relative;overflow:hidden}.upload-area:hover{border-color:var(--accent-color);background:#3a86ff1a}.upload-area:before{content:"";background:linear-gradient(to bottom right,#0000,#0000,#0000,#ff006e1a,#0000,#0000,#0000);width:200%;height:200%;animation:3s linear infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}@keyframes shine{0%{transform:translate(-100%)rotate(30deg)}to{transform:translate(100%)rotate(30deg)}}#fileInput{display:none}.btn{background:linear-gradient(45deg, var(--primary-color), var(--secondary-color));color:#fff;border-radius:var(--radius-xl);cursor:pointer;border:none;margin:5px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #3a86ff66}.btn:after{content:"";background:linear-gradient(45deg, var(--secondary-color), var(--accent-color));opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn:hover{box-shadow:none;transform:translateY(-2px)}.btn:hover:after{opacity:1}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;box-shadow:none;background:#6c757d}.btn:disabled:after{display:none}#imagePreviews{flex-wrap:wrap;justify-content:center;gap:15px;margin:20px 0;display:flex}.image-preview-item{border-radius:var(--radius-md);border:2px solid #0000;width:150px;height:150px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003}.image-preview-item:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.image-preview-item img{object-fit:cover;width:100%;height:100%}.image-preview-item .remove-btn{background:var(--error-color);color:#fff;cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .3s;display:flex;position:absolute;top:5px;right:5px}.image-preview-item:hover .remove-btn{opacity:1}.image-preview-item .drag-handle{color:#fff;cursor:move;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .3s;display:flex;position:absolute;bottom:5px;right:5px}.image-preview-item:hover .drag-handle{opacity:1}#resultText{border-radius:var(--radius-md);width:100%;min-height:250px;color:var(--light-color);resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;margin-top:20px;padding:15px;font-size:16px;transition:border-color .3s}#resultText:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3a86ff4d}.action-buttons{text-align:center;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.progress-container{border-radius:var(--radius-md);background:#ffffff1a;margin:20px 0;padding:10px;display:none}.progress-bar{border-radius:var(--radius-sm);background:#ffffff1a;height:10px;margin-bottom:5px;overflow:hidden}.progress{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));border-radius:var(--radius-sm);width:0%;height:100%;transition:width .3s}.status{text-align:center;color:#ffffffb3;font-size:14px}.language-selector{text-align:center;margin:20px 0}.language-selector select{border-radius:var(--radius-xl);color:var(--primary-color);cursor:pointer;appearance:none;background:#ffffff1a url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e") right 15px center/15px no-repeat;border:1px solid #fff3;padding:10px 40px 10px 15px;font-size:16px;transition:all .3s}.language-selector select:focus,select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3a86ff4d}footer{text-align:center;color:#fff9;margin-top:30px;padding-bottom:20px;font-size:14px}footer a{color:var(--primary-color);text-decoration:none;transition:color .3s}footer a:hover{color:var(--accent-color);text-decoration:underline}.image-preview-item.dragging{opacity:.5;border:2px dashed var(--accent-color)}.image-preview-item.drag-over{border:2px solid var(--success-color)}@media (width<=768px){.container{margin:15px;padding:20px}.btn{padding:10px 20px;font-size:14px}.image-preview-item{width:120px;height:120px}}@keyframes pulse{0%{box-shadow:0 0 #3a86ffb3}70%{box-shadow:0 0 0 10px #3a86ff00}to{box-shadow:0 0 #3a86ff00}}.pulse{animation:1.5s infinite pulse}body.ocr-page{background:var(--page-bg);color:var(--text-main)}.container{max-width:1000px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:100px auto 48px;padding:0}.container h1{color:var(--text-main);letter-spacing:-.025em;font-size:clamp(32px,5vw,52px);font-weight:650}.upload-area{color:var(--text-subtle);background:var(--surface-soft);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:32px 20px}.upload-area:hover{background:var(--surface);border-color:var(--accent)}.upload-area:before{animation:none;display:none}.btn{color:var(--surface-strong);background:var(--text-main);border:1px solid var(--text-main);border-radius:var(--radius-sm);box-shadow:none;padding:9px 15px;font-size:12.5px;font-weight:600}.btn:hover{background:var(--text-main);opacity:.85;transform:none}.btn:disabled{color:var(--text-soft);background:var(--surface-soft);border-color:var(--line)}.btn:after{display:none}.language-selector{color:var(--text-subtle);font-size:13px}.language-selector select{color:var(--text-main);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13px}#resultText{color:var(--text-main);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);font-size:13.5px}#resultText:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--accent-soft)}.image-preview-item{background:var(--surface);border-color:var(--line);border-radius:var(--radius-md)}.action-buttons{gap:8px}@media (width<=700px){.container{margin:88px 16px 32px}}