.image-translator-page{background:linear-gradient(90deg, #FFF9F9 0%, #EBE9FF 100%);color:#39325a}.image-translator-hero{padding:28px 24px 100px}@media screen and (max-width: 1200px){.image-translator-hero{padding:.18rem 0 .5rem}}.image-translator-shell{max-width:1088px;margin:0 auto}.image-translator-intro{padding:0 100px;text-align:center;margin-bottom:32px}@media screen and (max-width: 1200px){.image-translator-intro{padding:0 .4rem;margin-bottom:.24rem}}.image-translator-title{margin:0;font:normal normal bold 40px/60px Poppins;color:#39325a}@media screen and (max-width: 1200px){.image-translator-title{font:normal normal bold .45rem/.6rem Poppins}}.image-translator-desc{margin:8px auto 0;font:normal normal 300 18px/22px Poppins;color:#39325a}@media screen and (max-width: 1200px){.image-translator-desc{margin-top:.16rem;font:normal normal 300 .3rem/.46rem Poppins}}.image-translator-card{background:#fff;border:1px solid rgba(226,226,226,.85);border-radius:10px;padding:16px 16px 24px;position:relative}@media screen and (max-width: 1200px){.image-translator-card{width:6.7rem;margin:0 auto;border-radius:.1rem;padding:.32rem}}.image-translator-card__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.image-translator-workspace{position:relative}.upload-stage,.result-stage{height:420px;border:1px dashed #bdbcc3;border-radius:10px;background:#fff;position:relative;overflow:hidden}@media screen and (max-width: 1200px){.upload-stage,.result-stage{height:4.32rem;border-radius:.1rem}}.result-stage{border:none}@media screen and (max-width: 1200px){.result-stage{height:auto}}.upload-stage{transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.upload-stage:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(143,109,249,.16)}.upload-stage__empty,.upload-stage__loading,.upload-stage__preview,.upload-stage__translating,.result-stage{display:none}.image-translator-page[data-state=dragover] .upload-stage{border-color:#8b3dff;background:rgba(139,61,255,.0588235294)}.image-translator-page[data-state=idle] .upload-stage__empty,.image-translator-page[data-state=dragover] .upload-stage__empty,.image-translator-page[data-state=uploading] .upload-stage__loading{display:flex}.image-translator-page[data-state=ready] .upload-stage__preview,.image-translator-page[data-state=translating] .upload-stage__translating,.image-translator-page[data-state=result] .result-stage{display:block}.image-translator-page[data-state=result] .upload-stage{display:none}.image-translator-page[data-state=uploading] .language-selector__box,.image-translator-page[data-state=translating] .language-selector__box{opacity:.3;pointer-events:none}.upload-stage__empty,.upload-stage__loading{position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}@media screen and (max-width: 1200px){.upload-stage__empty,.upload-stage__loading{padding:.1rem}}.upload-stage__empty{transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;cursor:pointer}@media screen and (min-width: 1200px){.upload-stage__empty:hover{border-color:#8b3dff;background:rgba(139,61,255,.0588235294)}}.upload-stage__loading{border-color:#8b3dff;background:rgba(139,61,255,.0588235294)}.upload-stage__empty-icon{width:98px;height:98px;margin-bottom:16px}.upload-stage__empty-icon img{width:100%;height:100%;display:block}@media screen and (max-width: 1200px){.upload-stage__empty-icon{width:1.34rem;height:1.34rem;margin-bottom:.32rem}}.upload-stage__headline{margin:0;font:normal normal 600 16px/25px Poppins;color:#39325a}@media screen and (max-width: 1200px){.upload-stage__headline{font:normal normal 600 .26rem/.39rem Poppins}}.upload-stage__hint{margin:6px 0 0;color:#6f6f6f;font:normal normal normal 12px/18px Poppins}@media screen and (max-width: 1200px){.upload-stage__hint{margin-top:.16rem;font:normal normal normal .2rem/.3rem Poppins}}.upload-stage__spinner{width:42px;height:42px;display:block;animation:image-translator-spin 1s linear infinite}@media screen and (max-width: 1200px){.upload-stage__spinner{width:.64rem;height:.64rem}}.upload-stage__status{margin:8px 0 0;font:normal normal 500 16px/25px Poppins;color:#39325a;display:inline-flex;align-items:center;gap:2px}@media screen and (max-width: 1200px){.upload-stage__status{margin-top:.24rem;font:normal normal 500 .28rem/.42rem Poppins}}.loading-dots{flex:0 0 22px;width:22px;height:16px;display:inline-flex;align-items:center;justify-content:center;margin-top:5px}.loading-dots svg{display:block;width:100%;height:100%}@media screen and (max-width: 1200px){.loading-dots{flex-basis:.22rem;width:.22rem;height:.16rem}}.loading-dots__circle{fill:currentColor}.primary-action__dots{display:none;color:#fff}.primary-action.is-loading .primary-action__dots{display:inline-flex}.upload-stage__preview,.upload-stage__translating{position:absolute;inset:0;padding:14px}@media screen and (max-width: 1200px){.upload-stage__preview,.upload-stage__translating{padding:0}}.upload-stage__image,.upload-stage__translating-image,.result-panel__image,.image-translator-zoom__image{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.upload-stage__translating-image{opacity:.24}.upload-stage__translating-button{opacity:.24;pointer-events:none}.upload-stage__translating-mask{position:absolute;inset:0;background:hsla(0,0%,100%,.42)}.upload-stage__translating-box{position:absolute;inset:50% auto auto 50%;transform:translate(-50%, -50%);min-width:150px;padding:16px 10px;border-radius:13px;background:hsla(0,0%,100%,.96);box-shadow:0 16px 40px rgba(51,43,99,.12);display:flex;flex-direction:column;align-items:center}.upload-stage__translating-box .upload-stage__spinner{width:32px;height:32px}.upload-stage__translating-box .upload-stage__status{margin-top:13px}@media screen and (max-width: 1200px){.upload-stage__translating-box{min-width:2.18rem;padding:.24rem .29rem;border-radius:.2rem}.upload-stage__translating-box .upload-stage__spinner{width:.64rem;height:.64rem}.upload-stage__translating-box .upload-stage__status{margin-top:.1rem}}.stage-icon-button{width:32px;height:32px;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background-color:rgba(0,0,0,0)}.stage-icon-button img{width:100%;height:100%;display:block}@media screen and (max-width: 1200px){.stage-icon-button{width:.64rem;height:.64rem;border-radius:.14rem}}.stage-icon-button--delete{position:absolute;top:14px;inset-inline-end:14px;z-index:2;color:#2c374f;transition:color .2s ease}@media screen and (min-width: 1200px){.stage-icon-button--delete:hover{color:#ee1a3d}}@media screen and (max-width: 1200px){.stage-icon-button--delete{top:.12rem;inset-inline-end:.12rem}}.stage-icon-button__delete-icon{width:100%;height:100%;display:block}.stage-icon-button--zoom{position:absolute;top:14px;inset-inline-end:14px;z-index:2;color:#2c374f;transition:color .2s ease}@media screen and (min-width: 1200px){.stage-icon-button--zoom:hover{color:#6d4dff}}@media screen and (max-width: 1200px){.stage-icon-button--zoom{top:.12rem;inset-inline-end:.12rem}}.stage-icon-button__zoom-icon{width:100%;height:100%;display:block}.image-translator-controls,.result-toolbar{margin-top:16px;height:82px}@media screen and (max-width: 1200px){.image-translator-controls,.result-toolbar{margin-top:.34rem;height:auto}}.image-translator-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}@media screen and (max-width: 1200px){.image-translator-controls{flex-direction:column;align-items:flex-start;gap:.64rem}}.language-selector{display:flex;flex-direction:column;gap:10px}@media screen and (max-width: 1200px){.language-selector{gap:.12rem;width:100%}}.image-translator-autofill-guard{position:absolute;inset-inline-start:-9999px;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.image-translator-autofill-guard input{display:block;width:1px;height:1px;border:0;padding:0;margin:0}.language-selector__label-row{display:inline-flex;align-items:center;gap:8px}.language-selector__label-icon{width:20px;height:20px;display:block}@media screen and (max-width: 1200px){.language-selector__label-icon{width:.32rem;height:.32rem}}.language-selector__label{font:normal normal 500 16px/25px Poppins;color:#39325a}@media screen and (max-width: 1200px){.language-selector__label{font:normal normal normal .26rem/.39rem Poppins}}.language-selector__box{width:240px;position:relative;max-width:100%}@media screen and (max-width: 1200px){.language-selector__box{width:100%}}.language-selector__trigger{width:100%;min-height:46px;border:1px solid #e3daf8;border-radius:4px;background:#fbf9ff;color:#39325a;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:0;padding-inline-start:20px;padding-inline-end:18px}@media screen and (min-width: 1200px){.language-selector__trigger:hover{background:#f6e6ff}}@media screen and (max-width: 1200px){.language-selector__trigger{width:100%;min-height:.76rem;border-radius:.08rem;padding-block:0;padding-inline-start:.32rem;padding-inline-end:.24rem}}.language-selector__input,.language-selector__item{font:normal normal normal 14px/21px Poppins;color:#39325a}@media screen and (max-width: 1200px){.language-selector__input,.language-selector__item{font:normal normal normal .26rem/.39rem Poppins}}.language-selector__input{flex:1;min-width:0;width:100%;border:0;outline:none;background:rgba(0,0,0,0);color:#39325a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start}.language-selector__input[readonly]{cursor:pointer}.language-selector__input::-moz-placeholder{font:normal normal normal 14px/21px Poppins;color:#6f6f6f}.language-selector__input::placeholder{font:normal normal normal 14px/21px Poppins;color:#6f6f6f}@media screen and (max-width: 1200px){.language-selector__input::-moz-placeholder{font:normal normal normal .26rem/.39rem Poppins}.language-selector__input::placeholder{font:normal normal normal .26rem/.39rem Poppins}}.language-selector__arrow-button{width:14px;height:14px;border:0;background:rgba(0,0,0,0);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-width: 1200px){.language-selector__arrow-button{width:.24rem;height:.24rem}}.language-selector__arrow-button:disabled,.language-selector__input:disabled{cursor:not-allowed}.language-selector__arrow{width:100%;height:100%;display:block;transition:transform .2s ease}.language-selector__box.is-open .language-selector__arrow{transform:rotate(180deg)}.language-selector__panel{display:none;position:absolute;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 8px);border:1px solid #e3daf8;border-radius:4px;background:#fff;box-shadow:0 18px 42px rgba(51,43,99,.12);z-index:20;overflow:hidden}.language-selector__input::-webkit-search-decoration,.language-selector__input::-webkit-search-cancel-button,.language-selector__input::-webkit-search-results-button,.language-selector__input::-webkit-search-results-decoration{-webkit-appearance:none}.language-selector__box.is-open .language-selector__panel{display:block}.language-selector__list{list-style:none;margin:0;padding:6px;max-height:248px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#eceaf3 rgba(0,0,0,0)}.language-selector__list::-webkit-scrollbar{width:6px}.language-selector__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.language-selector__item{display:block;border:0;width:100%;background:rgba(0,0,0,0);padding:10px 14px;border-radius:4px;color:#39325a;cursor:pointer;transition:background-color .2s ease;text-align:start;position:relative}@media screen and (min-width: 1200px){.language-selector__item:hover{background:#fcf3ff}}@media screen and (max-width: 1200px){.language-selector__item{padding:.1rem}}.language-selector__item.is-active{background:#fcf3ff;padding-inline-end:32px}.language-selector__item.is-active::after{content:"";position:absolute;top:50%;inset-inline-end:14px;width:8px;height:4px;border-left:2px solid #d96cff;border-bottom:2px solid #d96cff;transform:translateY(-65%) rotate(-45deg);transform-origin:center}.language-selector__empty{display:none;margin:0;padding:8px 12px 18px;text-align:center;font:normal normal normal 14px/21px Poppins;color:#6f6f6f}.language-selector__empty.is-visible{display:block}.result-action-button-line{display:block;height:40px;width:1px;background-color:#f2eefd}@media screen and (max-width: 1200px){.result-action-button-line{width:100%;height:1px}}.primary-action,.result-action-button,.result-toolbar__back{min-height:40px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;font:normal normal 500 17px/26px Poppins;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.primary-action:disabled,.result-action-button:disabled,.result-toolbar__back:disabled{cursor:not-allowed;transform:none;opacity:.3}@media screen and (max-width: 1200px){.primary-action,.result-action-button,.result-toolbar__back{min-width:5.64rem;min-height:.88rem;padding:0 .26rem;font:normal normal 500 .32rem/.48rem Poppins;gap:.12rem}}@media screen and (min-width: 1200px){.primary-action:not(:disabled):hover,.result-action-button:not(:disabled):hover{opacity:.7}}.result-toolbar__back{background:#fff 0 0 no-repeat padding-box;border:1px solid rgba(189,188,195,.4);border-radius:10px;padding:0 17px;font:normal normal normal 14px/21px Poppins;color:#39325a}@media screen and (min-width: 1200px){.result-toolbar__back:hover{background:rgba(189,188,195,.1019607843) 0 0 no-repeat padding-box;border:1px solid rgba(189,188,195,.4)}}.js-translate-button-label{color:#fff;font:inherit}.primary-action{min-height:48px;min-width:314px;background:#6d4dff;color:#fff}.primary-action:not(:disabled){background:#6d4dff}@media screen and (max-width: 1200px){.primary-action{min-width:5.64rem;min-height:.88rem;align-self:center}}.result-toolbar,.result-toolbar-top{display:none}@media screen and (min-width: 1200px){.result-toolbar-top .result-toolbar__back{display:none}}@media screen and (max-width: 1200px){.result-toolbar-top .result-toolbar__back{display:block}}@media screen and (max-width: 1200px){.result-toolbar .result-toolbar__back{display:none}}.image-translator-page[data-state=result] .image-translator-controls{display:none}.image-translator-page[data-state=result] .result-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}@media screen and (max-width: 1200px){.image-translator-page[data-state=result] .result-toolbar{flex-direction:column;align-items:flex-start}}.result-toolbar__back{background:#fff;color:#5f5982;border:1px solid rgba(95,89,130,.18);box-shadow:none}.result-toolbar__back img{width:18px;height:18px}@media screen and (max-width: 1200px){.image-translator-page[data-state=result] .result-toolbar-top{display:flex;padding:0 0 .26rem;border-bottom:1px solid #f2eefd;margin-bottom:.32rem}.image-translator-page[data-state=result] .result-toolbar-top .result-toolbar__back{display:flex;border:none;font:normal normal normal .26rem/.39rem Poppins;padding:0;min-height:0;min-width:0}.image-translator-page[data-state=result] .result-toolbar-top .result-toolbar__back img{width:.28rem;height:.28rem}}.result-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}@media screen and (max-width: 1200px){.result-toolbar__actions{width:100%;flex-direction:column;align-items:center}}.result-action-button{background:#dedce8;color:#39325a}.result-action-button img{width:20px;height:20px}.result-action-button span{font:inherit;color:inherit}.result-action-button--blue{background:linear-gradient(90deg, #73a3ff 0%, #4a70f5 100%);color:#fff}.result-action-button--primary{background:#6d4dff 0 0 no-repeat padding-box;color:#fff}.result-stage__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;height:100%;min-height:0}@media screen and (max-width: 1200px){.result-stage__grid{grid-template-columns:1fr;gap:.12rem;min-height:0}}.result-panel{height:100%;min-height:0;border:1px dashed #bdbcc3;border-radius:10px;padding:10px;position:relative;display:flex;flex-direction:column;overflow:hidden}@media screen and (max-width: 1200px){.result-panel{height:4.32rem;min-height:0;border-radius:.18rem;padding:0}}.result-panel__header .stage-icon-button{top:14px;inset-inline-end:14px}@media screen and (max-width: 1200px){.result-panel__header .stage-icon-button{top:.12rem;inset-inline-end:.14rem}}.result-badge{position:absolute;top:0;inset-inline-start:0;z-index:1;height:30px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 100%),rgba(22,19,18,.38);border:1px solid hsla(0,0%,100%,.14);border-start-start-radius:10px;border-start-end-radius:0;border-end-end-radius:16px;border-end-start-radius:0;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;font:normal normal 500 14px/21px Poppins;overflow:hidden}@media screen and (max-width: 1200px){.result-badge{height:.44rem;padding:0 .16rem;font:normal normal normal .24rem/.35rem Poppins;letter-spacing:.24px;border-start-start-radius:.1rem;border-start-end-radius:0;border-end-end-radius:.16rem;border-end-start-radius:0}}.result-panel__body{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.result-panel__image{width:auto;height:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.image-translator-zoom{position:fixed;inset:0;z-index:1000}.image-translator-zoom__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}.image-translator-zoom__dialog{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;max-width:1220px;width:calc(100% - 80px);max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 1200px){.image-translator-zoom__dialog{width:100%;margin:0}}.image-translator-zoom__close{position:absolute;top:32px;inset-inline-end:40px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(0,0,0,.2509803922);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}@media screen and (min-width: 1200px){.image-translator-zoom__close:hover{background:rgba(0,0,0,.4)}}@media screen and (max-width: 1200px){.image-translator-zoom__close{width:.8rem;height:.8rem}}[dir=rtl] .result-toolbar__back img{transform:scaleX(-1)}.image-translator-zoom__close-line{position:absolute;width:22px;height:2px;background:#fff;border-radius:999px}.image-translator-zoom__close-line:first-child{transform:rotate(45deg)}.image-translator-zoom__close-line:last-child{transform:rotate(-45deg)}@media screen and (max-width: 1200px){.image-translator-zoom__close-line{width:.4rem}}.image-translator-zoom__image-wrap{width:100%;max-height:80vh;display:flex;align-items:center;justify-content:center}.image-translator-zoom__image-wrap .image-translator-zoom__image{width:auto;height:auto;max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain}@media screen and (max-width: 1200px){.image-translator-zoom__image-wrap{height:auto;max-height:calc(100vh - 2.38rem);border-radius:0;padding:0}.image-translator-zoom__image-wrap .image-translator-zoom__image{max-height:calc(100vh - 2.38rem)}}.image-translator-zoom__actions{margin-top:28px;display:inline-flex;align-items:center;justify-content:center;gap:12px}@media screen and (max-width: 1200px){.image-translator-zoom__actions{margin-top:.4rem;gap:.3rem}}.zoom-action-button{width:auto;height:48px;padding:0 22px;border-radius:99px;border:0;background:#dedce8;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.zoom-action-button img{width:22px;height:22px}.zoom-action-button span{font:normal normal 500 .17rem/.4rem Poppins;color:#39325a}@media screen and (max-width: 1200px){.zoom-action-button{width:.88rem;height:.88rem;padding:0;border-radius:50%}.zoom-action-button img{width:.42rem;height:.42rem}.zoom-action-button span{display:none}}.zoom-action-button--blue{background:linear-gradient(90deg, #73a3ff 0%, #4a70f5 100%);color:#fff}.zoom-action-button--blue span{color:inherit}.zoom-action-button--primary{background:#6d4dff;color:#fff}.zoom-action-button--primary span{color:inherit}body.is-zoom-locked{overflow:hidden}@media screen and (max-width: 1200px){.result-toolbar__actions .result-action-button{justify-content:center}.result-toolbar__actions .result-action-button--primary{order:0}.result-toolbar__actions .result-action-button-line{order:1}.result-toolbar__actions .result-action-button--blue{order:2}.result-toolbar__actions .result-action-button:not(.result-action-button--primary):not(.result-action-button--blue){order:3}}@keyframes image-translator-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}