:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}*{box-sizing:border-box;margin:0;padding:0}#app{width:100%;min-height:100vh;font-weight:400;position:relative}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow-x:hidden}.animated-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.animated-bg:before,.animated-bg:after{content:"";filter:blur(12vmin);border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.animated-bg:before{opacity:.4;background:radial-gradient(circle,#22d3ee 0%,#06b6d4 30%,#0891b2 60%,#0e7490 100%);width:150vmin;height:150vmin;animation:25s ease-in-out infinite float;top:-50vmin;left:-30vmin}.animated-bg:after{opacity:.35;background:radial-gradient(circle,#f472b6 0%,#ec4899 30%,#db2777 60%,#be185d 100%);width:110vmin;height:110vmin;animation:30s ease-in-out infinite reverse float;bottom:-40vmin;right:-25vmin}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30%,20%)scale(1.1)}66%{transform:translate(-20%,30%)scale(.9)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{color:#fff;background:#60a5fa4d}:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:.5s ease-in fadeIn}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.file-drop-zone[data-v-f641310c]{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:3px dashed #ffffff40;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.file-drop-zone[data-v-f641310c]:before{content:"";opacity:0;background:radial-gradient(circle,#22d3ee1a,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.file-drop-zone[data-v-f641310c]:hover:not(.is-disabled):before{opacity:1}.file-drop-zone[data-v-f641310c]:hover:not(.is-disabled){background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#22d3ee99;transform:translateY(-4px);box-shadow:0 12px 48px #0000004d,0 0 40px #22d3ee66,inset 0 1px #fff3}.file-drop-zone.is-hovered[data-v-f641310c]{background:radial-gradient(circle,#22d3ee33,#22d3ee14);border-color:#22d3ee;transform:scale(1.02);box-shadow:0 16px 64px #0006,0 0 60px #22d3ee80,inset 0 2px #ffffff4d}.file-drop-zone.is-disabled[data-v-f641310c]{opacity:.5;cursor:not-allowed}.drop-icon[data-v-f641310c]{color:#ffffffb3;filter:drop-shadow(0 0 15px #22d3ee66);margin-bottom:1rem;transition:all .3s}.file-drop-zone:hover:not(.is-disabled) .drop-icon[data-v-f641310c]{color:#22d3ee;filter:drop-shadow(0 0 25px #22d3ee99);transform:translateY(-4px)}.file-drop-zone.is-hovered .drop-icon[data-v-f641310c]{color:#06b6d4;filter:drop-shadow(0 0 35px #22d3eecc);animation:.6s ease-in-out iconBounce-f641310c;transform:translateY(-8px)scale(1.1)}@keyframes iconBounce-f641310c{0%,to{transform:translateY(-8px)scale(1.1)}50%{transform:translateY(-12px)scale(1.15)}}.drop-label[data-v-f641310c]{color:#fffffff2;text-shadow:0 2px 12px #0006;margin-top:1rem;font-size:1.25rem;font-weight:700;transition:all .3s}.file-drop-zone:hover:not(.is-disabled) .drop-label[data-v-f641310c],.file-drop-zone.is-hovered .drop-label[data-v-f641310c]{color:#22d3ee;text-shadow:0 0 20px #22d3ee99}.drop-hint[data-v-f641310c]{color:#ffffff80;font-size:.875rem}.file-input[data-v-f641310c]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-input[data-v-f641310c]:disabled{cursor:not-allowed}.progress-container[data-v-3b7ef155]{width:100%;margin:1rem 0}.progress-status[data-v-3b7ef155]{color:#ffffffb3;text-align:center;text-shadow:0 2px 8px #0000004d;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.progress-bar[data-v-3b7ef155]{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:9999px;width:100%;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.progress-bar-fill[data-v-3b7ef155]{background:linear-gradient(90deg,#22d3ee 0%,#06b6d4 25%,#0891b2 50%,#06b6d4 75%,#22d3ee 100%) 0 0/200% 100%;border-radius:9999px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);animation:2s linear infinite gradientShift-3b7ef155;position:relative;overflow:hidden;box-shadow:0 0 25px #22d3ee99,inset 0 1px #fff6}@keyframes gradientShift-3b7ef155{0%{background-position:0%}to{background-position:200%}}.progress-shimmer[data-v-3b7ef155]{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer-3b7ef155;position:absolute;inset:0}@keyframes shimmer-3b7ef155{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text[data-v-3b7ef155]{color:#fff9;text-align:center;text-shadow:0 2px 4px #0003;margin-top:.5rem;font-size:.75rem;font-weight:600;animation:2s ease-in-out infinite textPulse-3b7ef155}@keyframes textPulse-3b7ef155{0%,to{opacity:.6}50%{opacity:1}}.language-selector[data-v-f3f2b404]{flex-direction:column;gap:.75rem;display:flex}.selector-label[data-v-f3f2b404]{color:#fffffff2;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 8px #0000004d;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.selector-label svg[data-v-f3f2b404]{color:#22d3ee;filter:drop-shadow(0 0 12px #22d3ee80)}.select-wrapper[data-v-f3f2b404]{position:relative}.language-select[data-v-f3f2b404]{color:#fffffff2;cursor:pointer;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff26;border-radius:12px;width:100%;padding:.875rem 3rem .875rem 1rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003,inset 0 1px #ffffff26}.language-select[data-v-f3f2b404]:hover:not(:disabled){background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#f472b699;transform:translateY(-2px);box-shadow:0 6px 24px #0000004d,0 0 30px #f472b666,inset 0 1px #fff3}.language-select[data-v-f3f2b404]:focus{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#f472b6;outline:none;box-shadow:0 0 0 3px #f472b64d,0 6px 24px #0000004d,0 0 40px #f472b680}.language-select[data-v-f3f2b404]:disabled{opacity:.5;cursor:not-allowed}.language-select option[data-v-f3f2b404]{color:#fff;background:#1e293b}.select-icon[data-v-f3f2b404]{pointer-events:none;color:#ffffff80;transition:color .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.language-select:hover:not(:disabled)+.select-icon[data-v-f3f2b404]{color:#ffffffb3}.tutorial-pills[data-v-76643866]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;animation:.8s ease-out fadeInUp-76643866;display:flex}@keyframes fadeInUp-76643866{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pill[data-v-76643866]{color:#ffffffe6;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff26;border-radius:9999px;padding:.5rem .95rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite pillFloat-76643866;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff26}.pill[data-v-76643866]:first-child{animation-delay:0s}.pill[data-v-76643866]:nth-child(2){animation-delay:.2s}.pill[data-v-76643866]:nth-child(3){animation-delay:.4s}.pill[data-v-76643866]:nth-child(4){animation-delay:.6s}@keyframes pillFloat-76643866{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pill[data-v-76643866]:hover{color:#34d399;text-shadow:0 0 15px #34d39980;background:linear-gradient(135deg,#34d39933,#10b98126);border-color:#34d39980;transform:translateY(-6px)scale(1.05);box-shadow:0 6px 20px #0000004d,0 0 30px #34d39966,inset 0 1px #ffffff40}.app[data-v-c996accd]{color:#fff;background:radial-gradient(120% 70% at 50% -20%,#22d3ee14,#0000),radial-gradient(220% 70% at 250% 120%,#f472b614,#0000),linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.animated-bg[data-v-c996accd]{z-index:0;pointer-events:none;position:fixed;inset:0}.app-header[data-v-c996accd]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;padding:2rem}.header-content[data-v-c996accd]{max-width:1400px;margin:0 auto}.logo[data-v-c996accd]{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.logo svg[data-v-c996accd]{color:#60a5fa}.logo h1[data-v-c996accd]{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.subtitle[data-v-c996accd]{color:#fff9;margin:0;font-size:.875rem}.app-main[data-v-c996accd]{z-index:1;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem;position:relative}.initial-state[data-v-c996accd]{animation:.5s ease-in fadeIn-c996accd}.language-selector-container[data-v-c996accd]{max-width:400px;margin:0 auto 3rem}.quick-start[data-v-c996accd]{text-align:center}.quick-start-title[data-v-c996accd]{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.quick-start-description[data-v-c996accd]{color:#ffffffb3;margin-bottom:3rem;font-size:1.125rem}.drop-zones[data-v-c996accd]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.drop-zone-card[data-v-c996accd]{position:relative}.zone-badge[data-v-c996accd]{z-index:1;text-shadow:0 2px 4px #0000004d;background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 50%,#0891b2 100%);border-radius:9999px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;animation:3s ease-in-out infinite badgeFloat-c996accd;position:absolute;top:-1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #22d3ee66,0 0 30px #22d3ee4d,inset 0 1px #ffffff4d}@keyframes badgeFloat-c996accd{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-4px)}}.result-state[data-v-c996accd]{animation:.5s ease-in fadeIn-c996accd}.controls-bar[data-v-c996accd]{align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.controls-bar[data-v-c996accd]>*{flex:1}.btn-reset[data-v-c996accd]{color:#fb923c;cursor:pointer;background:#fb923c26;border:2px solid #fb923c66;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn-reset[data-v-c996accd]:before{content:"";background:linear-gradient(135deg,#0000,#fb923c33,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn-reset[data-v-c996accd]:hover:not(:disabled):before{transform:translate(100%)}.btn-reset[data-v-c996accd]:hover:not(:disabled){background:#fb923c40;border-color:#fb923c99;transform:translateY(-2px);box-shadow:0 0 30px #fb923c80,0 8px 16px #fb923c4d}.btn-reset[data-v-c996accd]:disabled{opacity:.5;cursor:not-allowed}.error-banner[data-v-c996accd]{color:#ef4444;background:#ef44441a;border:2px solid #ef44444d;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 1.5rem;display:flex}.split-view[data-v-c996accd]{grid-template-columns:1fr 1fr;gap:2rem;height:calc(100vh - 400px);min-height:500px;display:grid}@media (max-width:1024px){.split-view[data-v-c996accd]{grid-template-columns:1fr;height:auto}}.image-panel[data-v-c996accd],.text-panel[data-v-c996accd]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.image-panel[data-v-c996accd]:hover,.text-panel[data-v-c996accd]:hover{background:#ffffff0f;border-color:#22d3ee80;transform:translateY(-2px);box-shadow:0 12px 48px #0006,0 0 40px #22d3ee4d,inset 0 1px #fff3}.panel-header[data-v-c996accd]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.panel-header h3[data-v-c996accd]{margin:0;font-size:1.25rem;font-weight:600}.ocr-stats[data-v-c996accd]{gap:.5rem;display:flex}.stat-badge[data-v-c996accd]{color:#22d3ee;text-shadow:0 0 10px #22d3ee80;background:linear-gradient(135deg,#22d3ee40,#06b6d433);border:1px solid #22d3ee80;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite pulse-c996accd;box-shadow:0 0 15px #22d3ee66}@keyframes pulse-c996accd{0%,to{opacity:1}50%{opacity:.8}}.btn-copy[data-v-c996accd]{color:#f472b6;cursor:pointer;background:#f472b626;border:1px solid #f472b666;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn-copy[data-v-c996accd]:before{content:"";background:linear-gradient(135deg,#0000,#f472b633,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn-copy[data-v-c996accd]:hover:not(:disabled):before{transform:translate(100%)}.btn-copy[data-v-c996accd]:hover:not(:disabled){background:#f472b640;border-color:#f472b699;transform:translateY(-2px);box-shadow:0 0 30px #f472b680,0 4px 12px #f472b64d}.btn-copy[data-v-c996accd]:disabled{opacity:.5;cursor:not-allowed}.image-container[data-v-c996accd]{background:#0003;border-radius:8px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.canvas-wrapper[data-v-c996accd]{justify-content:center;align-items:center;display:flex;position:relative}.document-canvas[data-v-c996accd]{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.drop-overlay[data-v-c996accd]{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:4px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.canvas-wrapper:hover .drop-overlay[data-v-c996accd]{opacity:1;pointer-events:all}.drop-overlay[data-v-c996accd]>*{pointer-events:all;width:100%;max-width:400px}.text-content[data-v-c996accd]{background:#0003;border-radius:8px;flex:1;padding:1rem;overflow:auto}.extracted-text[data-v-c996accd]{color:#ffffffe6;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6}.processing-message[data-v-c996accd],.empty-message[data-v-c996accd]{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.spinner[data-v-c996accd]{border:4px solid #ffffff1a;border-top-color:#60a5fa;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin-c996accd}@keyframes spin-c996accd{to{transform:rotate(360deg)}}@keyframes fadeIn-c996accd{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-footer[data-v-c996accd]{text-align:center;color:#ffffff80;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000001a;border-top:1px solid #ffffff1a;padding:2rem;font-size:.875rem;position:relative}.app-footer a[data-v-c996accd]{color:#22d3ee;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.app-footer a[data-v-c996accd]:after{content:"";background:linear-gradient(90deg,#22d3ee,#06b6d4);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0;box-shadow:0 0 12px #22d3ee99}.app-footer a[data-v-c996accd]:hover{color:#06b6d4;text-shadow:0 0 15px #22d3ee99}.app-footer a[data-v-c996accd]:hover:after{width:100%}