.ocr-container{max-width:1200px;margin:0 auto;padding:2rem;color:#f8fafc}.ocr-workspace{background:rgba(15,23,42,.6);backdrop-filter:blur(10px);border-radius:1.5rem;border:1px solid rgba(124,58,237,.1);padding:2.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.ocr-header{text-align:center;margin-bottom:2.5rem}.ocr-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.ocr-header p{color:#94a3b8;font-size:1.1rem}.ocr-main{gap:2rem;margin-bottom:3rem}.ocr-main,.ocr-upload-section{display:flex;flex-direction:column}.ocr-upload-section{gap:1.5rem}.ocr-dropzone{position:relative;min-height:300px;border:2px dashed rgba(124,58,237,.3);border-radius:1rem;display:flex;align-items:center;justify-content:center;background:rgba(30,41,59,.4);transition:all .3s ease;overflow:hidden;cursor:pointer}.ocr-dropzone.drag-active{border-color:#7c3aed;background:rgba(124,58,237,.1)}.upload-prompt{text-align:center;padding:2rem}.upload-icon{font-size:3rem;margin-bottom:1rem;display:block}.upload-subtitle{color:#94a3b8;font-size:.9rem;margin-top:.5rem}.image-preview{max-width:100%;max-height:300px;object-fit:contain}.ocr-controls{display:flex;gap:1rem;flex-wrap:wrap}.language-select{padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(124,58,237,.3);background:rgba(30,41,59,.6);color:#f8fafc;font-size:1rem}.language-select,.ocr-extract-button{min-width:200px;cursor:pointer;transition:all .3s ease}.ocr-extract-button{padding:.75rem 1.5rem;border-radius:.75rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#ffffff;font-weight:600;border:none;position:relative;overflow:hidden}.ocr-extract-button:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px)}.ocr-extract-button:disabled{background:linear-gradient(135deg,#4c1d95,#5b21b6);cursor:wait}.ocr-extract-button:disabled:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--progress,0);background:linear-gradient(90deg,#7c3aed,#3b82f6);transition:width .3s ease}.ocr-error{color:#ef4444;padding:.75rem;border-radius:.5rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.ocr-result{background:rgba(30,41,59,.4);border-radius:1rem;padding:1.5rem;border:1px solid rgba(124,58,237,.2)}.result-header{justify-content:space-between;margin-bottom:1rem}.edit-controls,.result-header{display:flex;align-items:center}.edit-controls{gap:1rem}.edit-indicator{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.9rem}.edit-indicator svg{width:16px;height:16px}.ocr-copy-button{padding:.5rem 1rem;border-radius:.5rem;background:rgba(124,58,237,.2);border:none;color:#f8fafc;cursor:pointer;transition:all .3s ease}.extracted-text{white-space:pre-wrap;padding:1rem;background:rgba(15,23,42,.3);border-radius:.5rem;min-height:200px;max-height:400px;overflow-y:auto;line-height:1.6;outline:none;border:1px solid transparent;transition:border-color .3s ease}.extracted-text:focus{border-color:rgba(124,58,237,.5)}.ocr-info{margin-top:4rem;display:grid;gap:3rem}.ocr-info h2{font-size:1.8rem;margin-bottom:1.5rem;color:#f8fafc;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:rgba(30,41,59,.4);padding:1.5rem;border-radius:1rem;border:1px solid rgba(124,58,237,.2)}.feature-card h3{font-size:1.2rem;margin-bottom:.75rem;color:#f8fafc}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.language-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.language-item{background:rgba(124,58,237,.1);padding:.75rem;border-radius:.5rem;text-align:center;border:1px solid rgba(124,58,237,.2)}.tips-list{list-style:none;padding:0;display:grid;gap:1rem}.tips-list li{padding-left:1.5rem;position:relative}.tips-list li:before{content:"→";position:absolute;left:0;color:#7c3aed}.tech-steps{list-style-type:decimal;padding-left:1.5rem;margin:1rem 0}.tech-steps li{margin-bottom:.5rem;color:#e2e8f0}.benefits-list{list-style:none;padding:0;display:grid;gap:1rem}.benefits-list li{padding-left:1.5rem;position:relative;color:#e2e8f0}.benefits-list li:before{content:"✓";position:absolute;left:0;color:#7c3aed}@media (max-width:768px){.ocr-container{padding:1rem}.ocr-workspace{padding:1.5rem}.ocr-header h1{font-size:2rem}.ocr-controls{flex-direction:column}.language-select,.ocr-extract-button{width:100%}.result-header{flex-direction:column;gap:1rem}.ocr-info{margin-top:3rem;gap:2rem}.ocr-info h2{font-size:1.5rem}}@media (hover:none) and (pointer:coarse){.language-select,.ocr-copy-button,.ocr-extract-button{min-height:44px;padding:12px 24px}}