body{padding:0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;color:#1a1a1a}html{scroll-behavior:smooth}*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:10px 0 0}#file-info{background-color:#f9f9f9;padding:10px;border:1px solid #ddd;border-radius:4px}#file-info p{margin:5px 0}.navbar{justify-content:space-between;padding:20px 50px;background:linear-gradient(90deg,#007bff,#6610f2);color:#fff;height:80px;width:100%;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.2)}.nav-left,.navbar{display:flex;align-items:center}.nav-left img{height:100px;width:auto;margin-right:8px}.app-name{font-size:24px;color:#fff;font-weight:700}.nav-right{display:flex;align-items:center}.nav-links{display:flex;list-style:none;margin-left:auto}.nav-links li{margin-left:40px}.nav-links a{color:#fff;text-decoration:none;font-size:22px;font-weight:700;transition:color .3s ease}.nav-links a:hover{color:gold;text-shadow:0 0 10px rgba(255,215,0,.7)}.hamburger{display:none;font-size:28px;cursor:pointer;color:#fff}.side-drawer{position:fixed;top:0;right:-250px;width:250px;height:100vh;background-color:#fff;box-shadow:-5px 0 10px rgba(0,0,0,.2);transition:right .3s ease-in-out;z-index:1000;display:flex;flex-direction:column;padding:20px}.side-drawer.open{right:0}.drawer-links{list-style:none;padding:0}.drawer-links li{padding:15px 0;font-size:28px;font-weight:700}.drawer-links a{text-decoration:none;color:#007bff;transition:color .3s}.drawer-links a:hover{color:gold}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);display:none;z-index:500}.overlay.show{display:block}@media (max-width:768px){.navbar{padding:10px 20px;height:auto}.nav-left img{height:60px}.app-name{font-size:20px}.hamburger{display:block}.nav-links{flex-direction:column;position:absolute;top:120px;right:0;background:linear-gradient(90deg,#007bff,#6610f2);width:100%;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1000;display:none}.nav-links.active{display:flex}.nav-links li{margin:10px 0;text-align:center}.nav-links a{font-size:18px}}.mobile-only{display:none}.highlight{color:var(--primary-600);font-weight:600}@media screen and (max-width:768px){.translation-interface{width:95%;padding:1.5rem;margin:1rem auto}.hero-section{margin:1rem;padding:4rem 1.5rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}}.tab-button{padding:.625rem 1.25rem;border:1px solid var(--neutral-300);background:#fff;border-radius:var(--radius-xl);color:var(--neutral-700);box-shadow:var(--shadow-soft)}.tab-button:hover{background:var(--neutral-50);border-color:var(--neutral-400);box-shadow:var(--shadow-medium)}.tab-button.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));border-color:var(--primary-600);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.tab-content{display:none}.tab-content.active{display:grid;justify-content:center}.language-select-container{display:flex;justify-content:center;align-items:center;margin:1.5rem 0 0;width:100%;gap:.5rem;flex-wrap:nowrap}.language-select{width:100%}.language-dropdown{padding:.875rem;font-size:.9rem;font-weight:500;border-radius:var(--radius-xl);border:1px solid var(--neutral-300);background:#fff;color:var(--neutral-700);box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-soft)}.language-dropdown:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.language-dropdown:hover{border-color:var(--neutral-400);box-shadow:var(--shadow-medium)}.swap-button{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));border:none;font-size:1.25rem;color:#fff;border-radius:50%;box-shadow:var(--shadow-soft);min-width:48px;min-height:48px}.swap-button:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));box-shadow:var(--shadow-medium)}.swap-area{flex-direction:column;gap:.5rem;grid-row:span 2}.customization-icon,.swap-area{display:flex;align-items:center}.customization-icon{position:absolute;top:10px;right:-40px;background-color:#f0f0f0;border-radius:25px;padding:8px 15px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,background-color .3s ease;animation:fadeInSlide .8s ease}.customization-icon label{display:flex;align-items:center;cursor:pointer;font-size:18px;color:#5f6368;transition:color .3s ease;margin-left:10px}.srtranslationBtn{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.customization-icon i{margin-right:8px;font-size:24px;color:#5f6368;animation:cogRotate .8s ease forwards}.customization-icon span{font-size:18px;color:#5f6368;font-weight:500}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes cogRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.customization-icon:hover{background-color:#e1e1e1;transform:scale(1.05)}.customization-icon:hover label{color:#202124}.customization-icon:hover i{color:#202124;animation:cogRotateHover .8s ease forwards}@keyframes cogRotateHover{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.translation-content{justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.textarea-container textarea{padding:.875rem 3.5rem .875rem .875rem;border:1px solid var(--neutral-300);border-radius:var(--radius-xl);font-size:.9rem;color:var(--neutral-800);box-shadow:var(--shadow-soft)}.textarea-container textarea:focus{box-shadow:0 0 0 3px rgba(59,130,246,.1),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.textarea-container textarea:hover{border-color:var(--neutral-400)}.textarea-container textarea[readonly]{background:var(--neutral-50);color:var(--neutral-600);cursor:not-allowed}.clear-button{height:30px}#translation-interface{font-family:Arial,sans-serif;padding:20px}.tab-menu{justify-content:flex-start;margin-bottom:20px}.tab-button{background-color:#f1f1f1;border:1px solid #ccc;font-size:16px;border-radius:8px;flex:1 0 150px;text-align:center;margin:5px;transition:background-color .3s ease,color .3s ease}.tab-button.active{background-color:#ccc}.tab-button:focus,.tab-button:hover{background-color:#007bff;color:#fff}.more-options-row{flex-basis:100%;text-align:center;margin-top:0}.more-options-btn{background-color:#f1f1f1;border:1px solid #ccc;padding:12px 20px;font-size:16px;cursor:pointer;border-radius:8px;text-align:center;margin:15px auto;display:block;transition:background-color .3s ease,color .3s ease}.more-options-btn:focus,.more-options-btn:hover{background-color:#007bff;color:#fff}.customization-toggle-container{display:flex;justify-content:center;margin-top:20px}#cu-toggle{background-color:#f1f1f1;border:1px solid #ccc;padding:12px 20px;font-size:20px;border-radius:8px;text-align:center;transition:background-color .3s ease,color .3s ease}#cu-toggle:focus,#cu-toggle:hover{background-color:#007bff;color:#fff}.customization-options{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out}.customization-options.show-options{display:flex;opacity:1;gap:20px;justify-content:flex-start;margin-top:20px;flex-wrap:wrap}.option-button{background-color:#f1f1f1;color:#333;border:1px solid #ccc;padding:12px;font-size:16px;cursor:pointer;border-radius:8px;text-align:center;box-sizing:border-box;flex:1 0 150px;margin:5px;position:relative;transition:background-color .3s ease,color .3s ease}.option-button:focus,.option-button:hover{background-color:#007bff;color:#fff}.option-button i{margin-right:10px;font-size:18px}.expandable-button{position:relative;display:flex;flex-direction:column;gap:10px;flex:1 0 220px}.expand-button{background-color:#f1f1f1;border:1px solid #ccc;padding:12px;border-radius:8px;transition:background-color .3s ease,color .3s ease}.expand-button:focus,.expand-button:hover{background-color:#007bff;color:#fff}.expandable-options{display:none;position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;z-index:1;width:100%;padding:10px 0;box-sizing:border-box;border-radius:8px}.expandable-button.expanded .expandable-options{display:block}.expandable-options label{padding:5px 20px;display:block}.expandable-options input[type=radio]{margin-right:5px}.expandable-button .expand-button i{transition:transform .3s ease}.expandable-button.expanded .expand-button i{transform:rotate(180deg)}#style-tone{width:100%;padding:10px;border:1px solid #ccc;resize:vertical;border-radius:8px;font-size:14px}.customization-panel{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:80%;max-width:500px;z-index:1000}.customization-panel label{display:inline;margin-bottom:10px;font-size:16px}#customization-toggle:checked+.customization-panel{display:block}.close-customization{display:block;margin-top:20px;padding:8px 12px;border:none;background-color:#f44336;color:#fff;border-radius:5px;cursor:pointer;text-align:center}.close-customization:hover{background-color:#d32f2f}.action-buttons-container{justify-content:space-between;margin-top:16px;gap:16px}.action-button{flex:1 1 calc(50% - 16px);padding:16px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:4px;transition:background-color .3s ease}.action-button:hover{background-color:#0056b3}@media (max-width:768px){.action-buttons-container{flex-direction:column;gap:12px}.action-button{flex:1 1 100%}.customization-options{display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0}.expandable-button{flex:0 0 auto;padding:0}.expand-button,.expandable-button{width:100%;margin:0;box-sizing:border-box}.expand-button{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:14px;background-color:#f1f1f1;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.expand-button:focus,.expand-button:hover{background-color:#007bff;color:#fff}.expandable-options{display:none;margin:0;padding:0;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 6px 6px;box-sizing:border-box;box-shadow:none}.expandable-button.expanded .expandable-options{display:block}.expandable-options label{display:block;padding:4px 10px;margin:0;font-size:13px;box-sizing:border-box}textarea#style-tone{margin:0;padding:8px;width:100%;border:1px solid #ccc;border-radius:6px;font-size:14px;box-sizing:border-box}.customization-toggle-container{margin:0;padding:0;text-align:center}#cu-toggle{width:100%;margin:0;padding:10px;font-size:14px;background-color:#007bff;color:#fff;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease}#cu-toggle:hover{background-color:#0056b3}.more-options-row{margin:0;padding:0;text-align:center}.more-options-btn{width:100%;margin:0;padding:10px;font-size:14px;background-color:#f1f1f1;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease}.more-options-btn:hover{background-color:#007bff;color:#fff}}@media (max-width:480px){.customization-options{gap:0;padding:0;margin:0;display:none}.expand-button{font-size:13px;padding:6px 8px}.expandable-options label{font-size:12px;padding:4px 8px}textarea#style-tone{font-size:13px;padding:6px}#cu-toggle,.more-options-btn{font-size:13px;padding:8px;margin:0}}.language-select .language-dropdown{width:100%;margin:0 5px}.textarea-container textarea{padding:10px 3.5rem 10px 10px;font-size:14px;margin-bottom:8px}@media (max-width:768px){.text-translation{gap:8px}.textarea-container{gap:4px}.input-text,.output-text{margin-bottom:4px}.tab-menu{gap:10px}.customization-options{flex-direction:column;gap:10px}.close-customization,.option-button,.update-translation{font-size:14px;width:100%}}.output-icons{top:10px;right:10px;gap:6px;flex-direction:column;background:rgba(248,250,252,.95);backdrop-filter:blur(4px);border-radius:8px;padding:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid rgba(226,232,240,.8)}.icon-button{background-color:transparent;border:none;color:#5f6368;font-size:16px;position:relative;transition:all .3s ease;padding:6px;border-radius:4px;min-width:28px;min-height:28px}.icon-button:hover{color:#202124;background-color:rgba(32,33,36,.1)}.icon-button:after{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);background-color:#202124;color:#fff;padding:5px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.icon-button:hover:after{opacity:1}.download-popup-container{position:relative}.download-popup{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:20;min-width:150px;padding:4px 0;margin-top:4px}.download-popup button{width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease}.download-popup button:hover{background-color:#f5f5f5}.translate-button{padding:.75rem;font-size:.9rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));margin-top:0;box-shadow:var(--shadow-soft)}.translate-button:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));box-shadow:var(--shadow-medium);transform:translateY(-2px)}.image-translate{width:100%;padding:15px;font-size:18px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.image-translate:hover{background-color:#0056b3}.update-translation{width:100%;padding:15px;font-size:18px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.update-translation:hover{background-color:#0056b3}.upload-container{text-align:center;margin-top:20px}.drag-drop-area{border:2px dashed #007bff;border-radius:10px;padding:40px;background-color:#f1f1f1}.drag-drop-area i{font-size:50px;color:#007bff}.drag-drop-area p{margin:10px 0;font-size:18px}.upload-button{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.upload-button:hover{background-color:#0056b3}.supported-files{font-size:14px;color:#666;margin-top:10px}.swap-language-container{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width:1050px){.output-icons{flex-direction:column;gap:5px;padding:5px}}@media (min-width:769px){.translation-content{flex-wrap:nowrap}.output-icons{top:10px;right:10px;flex-direction:column;gap:6px}}@media (max-width:768px){body{padding-top:0}.output-icons{gap:5px}.mobile-only{display:block;padding:50px;background-color:#fff;text-align:center;font-size:16px;font-weight:700;color:#333}.translation-content{flex-direction:column;align-items:center}.textarea-container{width:90%}.output-icons{position:absolute;top:.75rem;right:.75rem;margin-top:0;flex-direction:column;gap:4px;padding:4px}.customization-icon{position:static;margin-bottom:15px}}@media (max-width:480px){body{padding-top:0}.translation-interface{width:95%;padding:15px}.mobile-only{display:block;padding:50px;background-color:#fff;text-align:center;font-size:16px;font-weight:700;color:#333}.tab-button{font-size:16px;padding:8px 16px}.language-select{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;justify-content:center;justify-items:center;gap:.75rem}.language-dropdown{width:100%;margin-bottom:0}.swap-button{align-self:center;margin-bottom:0}.swap-area{grid-row:span 2}.customization-icon label{font-size:20px}.customization-panel{padding:15px}.customization-group label,.customization-group select,.customization-group textarea{font-size:14px}.close-customization{font-size:12px;padding:8px 12px}.textarea-container textarea{font-size:14px;min-height:150px;padding-right:3rem}.clear-button{font-size:.75rem;padding:.375rem .75rem;top:.5rem;right:.5rem}.icon-button{font-size:.875rem;min-width:32px;min-height:32px;padding:.375rem}.output-icons{top:.5rem;right:.5rem;gap:.375rem;flex-direction:column;padding:3px}.translate-button,.update-translation{font-size:16px;padding:12px}}@media (max-width:320px){body{padding-top:0}.mobile-only{display:block;padding:50px;background-color:#fff;text-align:center;font-size:16px;font-weight:700;color:#333}.customization-panel{width:100%}}#other-category-group input{width:100%;padding:8px;margin-top:5px;box-sizing:border-box}.pricing-section{width:80%;max-width:900px;margin:40px auto;padding:25px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;border:2px dashed #007bff}.pricing-section h2{font-size:24px;color:#007bff;margin-bottom:15px;font-weight:700}.pricing-details p{font-size:30px;color:#333;font-weight:700;margin-bottom:10px}.pricing-list{list-style:none;padding:0;margin-bottom:20px}.pricing-list li{font-size:18px;color:#333;margin-bottom:8px}.cta-button{padding:12px 25px;transition:background-color .3s ease,transform .2s ease;margin-top:15px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cta-button:hover{background-color:#ffca28;transform:scale(1.05)}.cta-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-bottom:20px}@media (max-width:768px){.cta-button{width:100%;text-align:center}.cta-container{justify-content:center}}.note{margin-top:10px;font-size:16px;color:#666}.cover{position:relative;padding:50px 30px;margin:50px auto;max-width:1200px;overflow:hidden}.left,.right{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,215,0,.8);border:none;border-radius:50%;padding:10px;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:background-color .3s,transform .3s;z-index:2}.left:hover,.right:hover{background-color:gold;transform:translateY(-50%) scale(1.1)}.left{left:-25px}.right{right:-25px}.scroll-images{-webkit-overflow-scrolling:touch;padding:20px 0;gap:20px;scrollbar-width:thin;scrollbar-color:#007bff #f1f1f1;white-space:nowrap}.scroll-images::-webkit-scrollbar{height:8px}.scroll-images::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scroll-images::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:4px}.child{flex:0 0 300px;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;transition:transform .3s,box-shadow .3s;justify-content:space-between;height:350px;white-space:normal;overflow:hidden}.child:hover{transform:translateY(-10px);box-shadow:0 8px 12px rgba(0,0,0,.2)}.child img{width:60px;height:60px;margin-bottom:15px}.child h4{font-size:20px;color:#007bff;margin-bottom:10px;text-align:center}.child p{font-size:16px;color:#333;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis}.card-link{position:relative;bottom:10px;color:#007bff;font-weight:700;transition:color .3s}.card-link:hover{color:gold}@media (max-width:1024px){.scroll-images{flex-wrap:nowrap;overflow-x:auto}.child{flex:0 0 90%;height:auto}.card-link{bottom:5px}}@media (max-width:768px){.child{width:100%;height:auto;padding:15px}.scroll-images{gap:10px}.left,.right{display:none}}@media (max-width:1200px){.child{flex:0 0 250px}.child p{font-size:12px}.left,.right{display:none}}@media (max-width:768px){.cover{padding:30px 15px}.left,.right{display:none}.child{flex:0 0 220px}}@media (max-width:480px){.child{flex:0 0 100%}}.user-guide-section{padding:3rem 2rem}.user-guide-section h2{font-size:2rem}.user-guide-section .toc{margin-bottom:40px;border-left:4px solid #007bff;background-color:#f1f9ff;border-radius:4px;padding:15px 20px}.user-guide-section .toc ul li{margin-bottom:10px}.user-guide-section .toc ul li a{color:#007bff;font-size:1em;transition:color .3s ease}.user-guide-section .toc ul li a:hover{color:gold}.guide-section{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.guide-section h3{font-size:1.5em;color:#007bff;margin-bottom:15px}.guide-section p{font-size:1em;color:#333;line-height:1.7;margin-bottom:15px}.guide-section ul{margin-left:20px;color:#333}.guide-section ul li{margin-bottom:10px;font-size:1em;line-height:1.6}@media (max-width:768px){.user-guide-section{padding:20px;margin:10px}.user-guide-section h2{font-size:1.6em}.guide-section h3{font-size:1.3em}.guide-section p,.guide-section ul li{font-size:.95em}}@media (max-width:480px){.user-guide-section{padding:15px;margin:2px 5px}.user-guide-section h2{font-size:1.4em}.guide-section h3{font-size:1.2em}.guide-section p,.guide-section ul li{font-size:.9em}}.accordion{border-top:1px solid #ccc}.accordion-item{border-bottom:1px solid #ccc}.accordion-button{padding:1.25rem;font-size:1rem}.accordion-button:after{font-size:20px}.accordion-content{background-color:#fff;padding:0 15px;will-change:max-height}.accordion-item.active .accordion-content{padding:15px}.accordion-content p{padding:10px 0}.accordion-content ul{margin-left:20px}.accordion-content ul li{margin-bottom:10px}@media (max-width:768px){.user-guide-section{width:95%;padding:20px}.user-guide-section h2{font-size:28px}.user-guide-section .toc ul li a{font-size:16px}.guide-section h3{font-size:20px}.guide-section p,.guide-section ul li{font-size:14px}.accordion-button{font-size:16px;padding:12px}.accordion-button:after{font-size:18px}}.disclaimer-section{width:80%;max-width:900px;margin:40px auto;padding:20px;background-color:#fff3cd;border-left:4px solid #ffeeba;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:16px;color:#856404}.faq-section{width:80%;max-width:1000px;margin:60px auto;padding:30px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.accordion-button{background-color:#007bff;color:#fff;padding:15px;border:none;transition:background-color .3s ease;font-size:18px;border-radius:5px;margin-bottom:5px}.accordion-button:hover{background-color:#0056b3}.accordion-content{padding:0 15px 15px;background-color:#e9ecef;border-radius:5px;margin-bottom:10px}.footer-section{background:linear-gradient(135deg,#4169e1,#1e90ff);color:#fff;padding:1rem 2rem;border-top:1px solid hsla(0,0%,100%,.1);box-shadow:0 -4px 32px rgba(0,0,0,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:2rem}.footer-left{flex:1}.footer-text{font-size:.9375rem;line-height:1.4;color:#fff;font-weight:600;margin:0 0 .25rem}.footer-subtitle{margin:0;font-size:.8125rem;line-height:1.4;color:hsla(0,0%,100%,.8);font-weight:400}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;min-width:fit-content}.footer-link{padding:.5rem 1rem;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;font-weight:500;white-space:nowrap;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none;display:inline-block;color:#fff}.footer-link:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);color:gold}@media (max-width:768px){.footer-section{padding:1.25rem 1.5rem}.footer-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-left{text-align:left;max-width:100%}.footer-text{font-size:.875rem;margin-bottom:.5rem}.footer-subtitle{font-size:.75rem}.footer-right{align-self:flex-start;flex-direction:row;gap:1rem;align-items:center}.footer-link{font-size:.8125rem;padding:.4rem .8rem}}@media (max-width:480px){.footer-section{padding:1rem}.footer-content{gap:1rem}.footer-text{font-size:.8125rem}.footer-subtitle{font-size:.6875rem}.footer-right{flex-direction:column;align-items:flex-start;gap:.5rem}.footer-link{font-size:.75rem;padding:.375rem .75rem}}.privacy-policy-section{width:80%;max-width:900px;margin:60px auto;padding:30px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.privacy-policy-section h1{font-size:32px;color:#007bff;margin-bottom:20px;text-align:center}.policy-section ul{list-style:disc inside;margin-left:20px;color:#333}.policy-section ul li{margin-bottom:8px}.terms-of-use-section{width:80%;max-width:900px;margin:60px auto;padding:30px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.terms-of-use-section h1{font-size:32px;color:#007bff;margin-bottom:20px;text-align:center}.policy-section{margin-bottom:30px}.policy-section h2{font-size:24px;color:#007bff;margin-bottom:15px}.policy-section h3{font-size:20px}.policy-section h3,.policy-section h4{color:#0056b3;margin-top:15px;margin-bottom:10px}.policy-section h4{font-size:18px}.policy-section p{font-size:16px;color:#333;line-height:1.6;margin-bottom:10px}.policy-section ol,.policy-section ul{list-style:disc inside;margin-left:20px;color:#333}.policy-section ol li,.policy-section ul li{margin-bottom:8px}.policy-section a{color:#007bff;text-decoration:none;transition:color .3s ease}.policy-section a:hover{color:gold}#audioRecordingSection{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:#f4f4f4;border-radius:12px;flex-wrap:nowrap;margin-top:10px}#playRecording,#saveRecording,#stopRecording,.start-recording-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 15px;border-radius:20px;border:none;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 5px rgba(0,0,0,.1);height:40px;width:80px;text-align:center;gap:10px;white-space:nowrap}.start-recording-button{background-color:#4caf50;color:#fff}.start-recording-button:before{content:"🎙️";font-size:16px;margin-right:5px}#stopRecording{background-color:#f44336;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px;padding:10px 15px;border-radius:25px;width:80px;height:40px;box-shadow:0 4px 6px rgba(0,0,0,.1)}#stopRecording:before{content:"⏹️";font-size:20px;margin-right:0}#playRecording{background-color:#2196f3;color:#fff}#playRecording:before{content:"▶";font-size:16px;margin-right:5px}#saveRecording{background-color:#ff9800;color:#fff}#saveRecording:before{content:"💾";font-size:16px;margin-right:5px}.status-text{color:#f44336;font-size:12px;font-weight:600;margin-left:10px;text-align:left}#playRecording:hover,#saveRecording:hover,#stopRecording:hover,.start-recording-button:hover{transform:translateY(-1px);box-shadow:0 5px 7px rgba(0,0,0,.2)}#playRecording:disabled,#saveRecording:disabled,#stopRecording:disabled,.start-recording-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (max-width:768px){#audioRecordingSection{flex-wrap:wrap;gap:10px;justify-content:center}#playRecording,#saveRecording,#stopRecording,.start-recording-button{width:100%;justify-content:center;padding:8px}}.download-button{background-color:#4caf50;border:none;color:#fff;padding:12px 20px;font-size:16px;cursor:pointer;border-radius:8px;margin-top:10px;transition:background-color .3s ease,transform .2s ease}.download-button:hover{background-color:#45a049;transform:scale(1.05)}#audioOptions{margin-top:20px;padding-top:10px;border-top:1px solid #eee}#audioToAudioCheckbox{cursor:pointer}#voiceDropdown{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:14px;margin-top:5px;cursor:pointer}#voiceDropdown:hover{border-color:#4caf50}.share-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.share-modal{background-color:#fff;border-radius:8px;width:300px;max-width:90%;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.share-modal-header h3{margin:0;font-size:18px}.close-modal-btn{background:none;border:none;font-size:20px;cursor:pointer}.share-modal-content{display:flex;flex-direction:column;gap:10px}.share-button{padding:10px;border:none;border-radius:5px;cursor:pointer;color:#fff;font-weight:700}.share-button.facebook{background-color:#3b5998}.share-button.twitter{background-color:#1da1f2}.share-button.whatsapp{background-color:#25d366}.share-button.copy-link{background-color:#6c757d}.share-container{position:relative;display:inline-block}.share-popover{position:absolute;top:40px;right:0;background:#fff;border:1px solid #ccc;border-radius:5px;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1000}.share-popover input{width:100%;margin-bottom:10px;padding:5px;border:1px solid #ccc;border-radius:3px;font-size:14px}.share-option{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px}.share-option:hover{background-color:#0056b3}.social-icons{display:flex;gap:10px;margin-top:10px}.social-icons a{color:#555;text-decoration:none;font-size:18px}.social-icons a:hover{color:#000}.download-container{position:relative;display:inline-block}.download-options{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:10px;min-width:150px;z-index:1000;display:none;opacity:0}.download-container.active .download-options{display:block;opacity:1}.download-option{display:block;width:100%;padding:8px 12px;background-color:#f9f9f9;border:none;border-radius:4px;text-align:left;cursor:pointer;font-size:14px;margin-bottom:5px}.download-option:last-child{margin-bottom:0}.download-option:hover{background-color:#e6e6e6}.download-options:before{content:"";position:absolute;top:-8px;right:10px;border-color:transparent transparent #ccc;border-style:solid;border-width:0 8px 8px}.download-options:after{content:"";position:absolute;top:-7px;right:10px;border-color:transparent transparent #fff;border-style:solid;border-width:0 7px 7px}.download-options{transition:opacity .3s ease}@media (max-width:600px){.download-options{right:auto;left:0}.download-options:after,.download-options:before{right:auto;left:10px}}.custom-alert{position:absolute;top:20px;left:50%;transform:translateX(-50%);min-width:300px;max-width:400px;padding:15px 20px;border-radius:5px;display:flex;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.custom-alert.show{opacity:1;visibility:visible}.alert-icon{margin-right:10px;font-size:20px}.alert-message{flex:1;font-size:16px}.custom-alert.success{background-color:#d4edda;color:#155724}.custom-alert.error{background-color:#f8d7da;color:#721c24}.textarea-container{width:100%;max-width:500px;padding-bottom:30px}#input-text{width:100%;height:200px;padding-right:60px;overflow-y:auto;box-sizing:border-box;resize:none}.clear-button{right:10px;bottom:7px}.char-count-container{position:absolute;bottom:5px;left:5px;pointer-events:none}#UploadButton{position:absolute;top:15px;right:20px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:8px;position:relative}.close-button{color:#aaa;float:right;font-size:28px;font-weight:700;position:absolute;top:10px;right:20px;cursor:pointer}.close-button:focus,.close-button:hover{color:#000;text-decoration:none}.modal-content{animation-name:modalopen;animation-duration:.4s}@keyframes modalopen{0%{opacity:0}to{opacity:1}}#StreamLineIntroduction{max-width:1000px;margin:30px auto;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:25px;border-left:5px solid #007bff}#StreamLineIntroduction h2{color:#007bff;font-size:1.8em;font-weight:600;margin-bottom:20px}#StreamLineIntroduction p{margin:15px 0;line-height:1.7;color:#333;font-size:16px}#StreamLineIntroduction strong{color:#007bff}#StreamLineIntroduction ul{margin-top:15px;padding-left:20px;list-style-type:disc}#StreamLineIntroduction p>strong{background-color:#e6f2ff;padding:2px 6px;border-radius:3px}#StreamLineIntroduction h2:before{display:inline-block;margin-right:8px;font-size:1.2em}#StreamLineIntroduction .cta-button{display:inline-block;padding:10px 20px;margin-top:20px;background-color:#007bff;color:#fff;font-size:16px;border-radius:5px;text-align:center;cursor:pointer;transition:background-color .3s ease}#StreamLineIntroduction .cta-button:hover{background-color:#0056b3}@media (max-width:768px){#StreamLineIntroduction{padding:20px;margin:20px}#StreamLineIntroduction h2{font-size:1.5em;margin-bottom:15px}#StreamLineIntroduction p{font-size:15px;line-height:1.6}#StreamLineIntroduction .cta-button{padding:12px 18px;font-size:14px;width:100%;text-align:center}}@media (max-width:480px){#StreamLineIntroduction{padding:15px;margin:10px}#StreamLineIntroduction h2{font-size:1.3em}#StreamLineIntroduction p{font-size:14px}#StreamLineIntroduction .cta-button{font-size:13px;padding:10px}}.button-carousel{width:100%;margin-top:20px;padding-top:20px;overflow:hidden}.button-carousel,.carousel__body{position:relative}.carousel__next,.carousel__prev{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff;font-size:2rem;z-index:1}.carousel__prev{left:10px}.carousel__next{right:10px}.carousel__slider{display:flex;justify-content:center;align-items:center;transition:transform .5s ease-in-out}.carousel__slider__item{flex:0 0 auto;margin:0 10px;opacity:.5;transform:scale(.8);transition:transform .5s,opacity .5s;pointer-events:none}.carousel__slider__item--active{transform:scale(1);opacity:1;pointer-events:auto}.cta-button{padding:15px 30px;font-size:18px;border-radius:5px;background-color:gold;color:#333;transition:background-color .3s ease,transform .3s ease}.tab-menu-container{display:flex;align-items:center;position:relative;overflow:hidden;background-color:#f9f9f9;padding:5px 10px;border-bottom:1px solid #ddd}.tab-scroll-button{background:none;border:none;font-size:1.2em;cursor:pointer;padding:5px;color:#555;transition:color .3s}.tab-scroll-button:hover{color:#000}.tab-scroll-button.hidden{display:none}.tab-menu{overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;flex-grow:1}.tab-menu::-webkit-scrollbar{display:none}.tab-button{flex:0 0 auto;padding:10px 15px;margin-right:5px;background:none;border:none;font-size:1em;transition:background-color .3s,color .3s;border-radius:4px}.tab-button.active,.tab-button:hover{background-color:#e0e0e0;color:#000}#image-translation{margin:0 auto;padding:15px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.1);transition:all .3s ease;width:100%;height:200px;overflow-y:auto;box-sizing:border-box;resize:none}#image-translation label{display:block;margin-bottom:10px;font-size:1.1rem;color:#333;font-weight:600}#dropZone{width:100%;padding:20px;border:2px dashed #4a90e2;border-radius:10px;background-color:#f0f8ff;text-align:center;cursor:pointer;transition:border-color .3s ease,background-color .3s ease;font-size:1rem}#dropZone.hover{border-color:#357abd;background-color:#e6f3ff}#dropZone p{margin:0;color:#4a90e2;font-weight:600}#chooseFile{color:#357abd;text-decoration:underline;cursor:pointer}#imageInput{display:none}#imageOutput{margin-top:25px;padding:20px;background-color:#fff;border-left:5px solid #4a90e2;border-radius:8px;box-shadow:inset 0 0 10px rgba(0,0,0,.05);min-height:100px;font-size:1rem;color:#333}@media (max-width:768px){#image-translation{padding:20px}#submitTranslationButton{width:100%;text-align:center}}.image-preview{top:50px;position:absolute}.image-preview img{max-width:60%;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:block}.clear-image{position:absolute;top:10px;right:10px;background:hsla(0,0%,100%,.8);border:none;border-radius:50%;width:30px;height:30px;font-size:24px;line-height:30px;text-align:center;cursor:pointer;padding:0;transition:background .3s ease}.clear-image:hover{background:#fff}@media (max-width:768px){.image-preview img{max-height:200px;object-fit:contain}}#dropZone,.image-preview{transition:opacity .3s ease,visibility .3s ease}.hidden{opacity:0;visibility:hidden;height:0;overflow:hidden;padding:0;margin:0}#Audio-translation{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:1200px;margin:0 auto;font-family:Arial,sans-serif}#Audio-translation h2{text-align:center;color:#333;margin-bottom:20px}#audioDropZone{border:2px dashed #ccc;border-radius:8px;padding:40px 20px;text-align:center;color:#aaa;transition:border-color .3s,background-color .3s;cursor:pointer;background-color:#fff;margin-bottom:20px}#audioDropZone.hover{border-color:#66afe9;background-color:#f0f8ff}#audioDropZone.hidden{display:none}#chooseAudioFile{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;font-size:16px}#chooseAudioFile:hover{background-color:#0056b3}#uploadAudioText{display:inline-block;margin-left:10px;font-size:16px;color:#555;vertical-align:middle}#audioPreview{margin-top:20px;display:flex;align-items:center;justify-content:space-between}#previewAudio{width:100%;max-width:400px;margin-right:10px}#clearAudio{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#clearAudio:hover{background-color:#a71d2a}@media (max-width:600px){#Audio-translation{padding:15px}#audioDropZone{padding:30px 15px}#chooseAudioFile,#clearAudio{width:100%;margin-top:10px}#audioPreview{flex-direction:column;align-items:flex-start}#previewAudio{margin-right:0;margin-bottom:10px;width:100%}}.hidden{display:none!important}#audioDropZone.hover{border-color:#28a745;background-color:#e6ffee;color:#333}#audioDropZone,#audioPreview{transition:all .3s ease}.login-page,.signup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box;background-color:#f5f5f5}.login-page form,.signup-container form{width:100%;max-width:400px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.login-page input,.signup-container input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.login-page button,.signup-container button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.login-page button:hover,.signup-container button:hover{background-color:#0056b3}@media (max-width:600px){.login-page form,.signup-container form{padding:15px}.login-page button,.login-page input,.signup-container button,.signup-container input{padding:8px}}.file-upload-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #007bff;border-radius:10px;background:linear-gradient(180deg,#e6f7ff,#fff);padding:20px;text-align:center;cursor:pointer;transition:all .3s ease-in-out;min-height:250px;position:relative}.file-upload-container.drag-over,.file-upload-container.focused{background-color:#cef;border-color:#0056b3;box-shadow:0 0 15px rgba(0,123,255,.4)}.input-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #007bff;border-radius:10px;background:linear-gradient(180deg,#e6f7ff,#fff);padding:20px;text-align:center;cursor:pointer;transition:all .3s ease-in-out;min-height:250px;position:relative}.input-container.drag-over,.input-container.focused{background-color:#cef;border-color:#0056b3;box-shadow:0 0 15px rgba(0,123,255,.4)}.drop-zone-content p{color:#007bff;font-size:1.1em}.choose-file-link{color:#0056b3;text-decoration:underline;cursor:pointer;font-weight:700}.choose-file-link:hover{color:#003a70}.file-input-hidden{display:none}.uploaded-file-preview{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;background-color:#f0f8ff;border:1px solid #adf}.uploaded-file-preview p{margin:0;color:#333;font-weight:600}.uploaded-file-preview .clear-button{background:none;border:none;color:#dc3545;font-size:1.2em;cursor:pointer;padding:5px;line-height:1;border-radius:50%;transition:background-color .2s ease}.uploaded-file-preview .clear-button:hover{background-color:#f8d7da}.hero-section{text-align:center;padding:3rem 1.5rem;background:linear-gradient(135deg,#fff,#f8fafc);color:var(--neutral-800);border-radius:var(--radius-2xl);margin:1.5rem;box-shadow:var(--shadow-soft);border:1px solid var(--neutral-200);animation:fadeIn .8s ease}.hero-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a;line-height:1.2;letter-spacing:-.02em}.hero-description{font-size:1.0625rem;margin-bottom:1.5rem;color:#666;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5;font-weight:400}.cta-button{background:linear-gradient(135deg,#4169e1,#1e90ff);color:#fff;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;border:none;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);text-decoration:none;display:inline-block;margin-top:.5rem}.cta-button:hover{background:linear-gradient(135deg,#1e40af,#1e90ff);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.translation-interface{width:100%;max-width:900px;margin:1.5rem auto;padding:1.5rem;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-medium);border:1px solid var(--neutral-200);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-menu{justify-content:center;margin-bottom:1.5rem;width:100%;flex-wrap:wrap}.tab-button,.tab-menu{display:flex;gap:.375rem}.tab-button{background:#f5f5f5;color:#404040;border:1px solid #e5e5e5;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;align-items:center;min-height:44px}.tab-button:hover{background:#f0f9ff;border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px)}.tab-button.active,.tab-button:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.tab-button.active{background:linear-gradient(135deg,#4169e1,#1e90ff);color:#fff;border-color:#4169e1}.language-select{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;justify-content:center;justify-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.language-dropdown{width:100%;min-width:200px}.language-dropdown select{width:100%;font-size:.9375rem;font-family:inherit;line-height:1.5;border:1.5px solid #d4d4d4;border-radius:12px;background:#fff;color:#404040;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding:.75rem 2.5rem .75rem .75rem}.language-dropdown select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.swap-button{background:#f5f5f5;border:1px solid #d4d4d4;color:#525252;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:1.125rem}.swap-button:hover{background:#f0f9ff;border-color:#93c5fd;color:#2563eb;transform:rotate(180deg)}.translation-content{display:flex;gap:1.5rem;align-items:stretch;margin-bottom:1.5rem}.textarea-container{flex:1;position:relative;display:flex;flex-direction:column}.textarea-container textarea{width:100%;min-height:140px;padding:1rem 4rem 1rem 1rem;font-size:.9375rem;font-family:inherit;line-height:1.5;border:1.5px solid #d4d4d4;border-radius:12px;background:#fff;color:#404040;transition:all .2s cubic-bezier(.4,0,.2,1);resize:vertical}.textarea-container textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.textarea-container textarea::placeholder{color:#a3a3a3;font-size:.9375rem}.translate-button{width:100%;background:linear-gradient(135deg,#4169e1,#1e90ff);color:#fff;border:none;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;min-height:48px}.translate-button:hover{background:linear-gradient(135deg,#1e40af,#1e90ff);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-1px)}.translate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.clear-button{background:#f5f5f5;color:#525252;border:1px solid #d4d4d4;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:.75rem;right:.75rem;z-index:10}.clear-button:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.output-icons{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;z-index:10}.icon-button{background:#f5f5f5;border:1px solid #d4d4d4;color:#525252;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-size:1rem;min-width:36px;min-height:36px}.icon-button:hover{background:#f0f9ff;color:#2563eb;border-color:#93c5fd;transform:translateY(-1px)}.action-buttons-container{display:flex;gap:.75rem;margin-top:0;flex-wrap:wrap}.action-button{flex:1;min-width:140px;background:#f5f5f5;color:#404040;border:1px solid #d4d4d4;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.action-button:hover{background:#f0f9ff;color:#1d4ed8;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.customization-options{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:1.5rem;margin-top:1.5rem;box-shadow:var(--shadow-soft)}.expandable-button{margin-bottom:1rem}.expand-button{width:100%;background:#fff;color:var(--neutral-700);border:1px solid var(--neutral-300);padding:.875rem 1rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;text-align:left}.expand-button:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.expandable-options{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:1rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-soft)}.expandable-options label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--neutral-700);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.expandable-options label:hover{background:var(--neutral-50)}.expandable-options input[type=radio]{width:16px;height:16px;accent-color:var(--primary-500)}.file-upload-area{border:2px dashed var(--neutral-300);border-radius:var(--radius-xl);padding:2rem;text-align:center;background:var(--neutral-50);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.file-upload-area:hover{border-color:var(--primary-400);background:var(--primary-50)}.file-upload-area.dragover{border-color:var(--primary-500);background:var(--primary-100);transform:scale(1.02)}.file-upload-text{font-size:.9375rem;color:var(--neutral-600);margin-bottom:.5rem}.supported-files{font-size:.8125rem;color:var(--neutral-500);margin-top:.75rem}.cover{padding:2rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.cover h1{text-align:center;font-size:2rem;font-weight:700;color:var(--neutral-800);margin-bottom:2rem;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scroll-images{display:flex;gap:1.5rem;overflow-x:auto;padding:1rem 0;scroll-behavior:smooth}.child{flex:0 0 280px;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:320px}.child:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.child img{width:48px;height:48px;object-fit:contain;margin-bottom:1rem}.child h4{font-size:1.125rem;color:var(--primary-600);margin-bottom:.75rem;font-weight:600;line-height:1.3}.child p{font-size:.9375rem;color:var(--neutral-600);line-height:1.5;flex-grow:1;margin-bottom:1rem}.card-link{color:var(--primary-600);font-weight:600;text-decoration:none;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);align-self:flex-start}.card-link:hover{color:var(--primary-700);text-decoration:underline}.user-guide-section{width:90%;max-width:1000px;margin:2rem auto;padding:2rem;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-medium);border:1px solid var(--neutral-200);border-left:4px solid var(--primary-500)}.user-guide-section h2{text-align:center;font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;line-height:1.2}.user-guide-section .toc{margin-bottom:2rem;border-left:4px solid var(--primary-500);padding:1rem 1.5rem;background:var(--primary-50);border-radius:var(--radius-lg)}.user-guide-section .toc ul{list-style:none;padding:0}.user-guide-section .toc ul li{margin-bottom:.5rem}.user-guide-section .toc ul li a{text-decoration:none;color:var(--primary-600);font-size:.9375rem;font-weight:500;transition:color .2s ease}.user-guide-section .toc ul li a:hover{color:var(--primary-700)}.guide-section{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--neutral-200)}.guide-section h3{font-size:1.25rem;color:var(--primary-600);font-weight:600;margin-bottom:1rem}.guide-section p{font-size:.9375rem;color:var(--neutral-700);line-height:1.6;margin-bottom:1rem}.guide-section ul{list-style-type:disc;margin-left:1.5rem;color:var(--neutral-700)}.guide-section ul li{margin-bottom:.5rem;font-size:.9375rem;line-height:1.5}.accordion-button{background:var(--neutral-50);color:var(--neutral-800);cursor:pointer;padding:1rem 1.25rem;width:100%;text-align:left;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9375rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;box-shadow:var(--shadow-soft)}.accordion-button:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.accordion-button:after{content:"\002B";font-size:1.125rem;font-weight:700;transition:transform .3s ease;margin-left:auto}.accordion-button.active:after{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;display:block;transition:max-height .3s ease-in-out,padding .3s ease-in-out;background:#fff;padding:0 1rem;border-radius:var(--radius-lg);margin-bottom:1rem}.accordion-item.active .accordion-content{padding:1rem;border:1px solid var(--neutral-200);box-shadow:var(--shadow-soft)}.accordion-content p{padding:.5rem 0;font-size:.9375rem;color:var(--neutral-700);line-height:1.5}.accordion-content ul{list-style:disc inside;margin-left:1rem}.accordion-content ul li{margin-bottom:.5rem;font-size:.9375rem;color:var(--neutral-700)}.form-container{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-medium);border:1px solid var(--neutral-200)}.form-container h2{text-align:center;font-size:1.5rem;font-weight:700;color:var(--neutral-800);margin-bottom:1.5rem}.form-container .form-group{margin-bottom:1rem}.form-container label{display:block;font-size:.875rem;font-weight:600;color:var(--neutral-700);margin-bottom:.5rem}.form-container input,.form-container textarea{width:100%;padding:.75rem;font-size:.9375rem;font-family:inherit;line-height:1.5;border:1.5px solid var(--neutral-300);border-radius:var(--radius-lg);background:#fff;color:var(--neutral-700);transition:all .2s cubic-bezier(.4,0,.2,1)}.form-container input:focus,.form-container textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.form-container button.btn{width:100%;background:linear-gradient(135deg,#4169e1,#1e90ff);color:#fff;border:none;padding:.875rem;font-size:.9375rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.form-container button.btn:hover{background:linear-gradient(135deg,#1e40af,#1e90ff);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-1px)}.form-container p{text-align:center;margin-top:1rem;color:#525252;font-size:.875rem}.form-container p a{color:#2563eb;text-decoration:none;font-weight:600;transition:color .2s ease}.form-container p a:hover{color:#1d4ed8;text-decoration:underline}.alert{padding:.875rem 1rem;margin-bottom:1rem;border-radius:12px;text-align:center;font-size:.9375rem;font-weight:500;border:1px solid}.alert.success{background:#d1fae5;color:#065f46;border-color:#10b981}.alert.error{background:#fee2e2;color:#991b1b;border-color:#ef4444}.alert.info{background:#dbeafe;color:#1e40af;border-color:#3b82f6}@media (max-width:768px){.hero-section{margin:1rem;padding:2rem 1rem}.hero-title{font-size:1.875rem}.hero-description{font-size:1rem}.translation-interface{width:95%;padding:1rem;margin:1rem auto}.tab-menu{gap:.25rem}.tab-button{font-size:.8125rem;padding:.5rem .75rem}.language-select{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:.75rem;align-items:center;justify-content:center;justify-items:center}.language-dropdown{min-width:auto;width:100%}.swap-area{grid-row:span 2}.translation-content{flex-direction:column;gap:1rem}.output-icons{position:absolute;top:.75rem;right:.75rem;justify-content:flex-end;margin-top:0}.action-buttons-container{flex-direction:column;gap:.5rem}.action-button{min-width:auto}.child{flex:0 0 260px;height:auto;padding:1.25rem}.user-guide-section{width:95%;padding:1.5rem;margin:1rem auto}.user-guide-section h2{font-size:1.5rem}.guide-section h3{font-size:1.125rem}.form-container{margin:1rem;padding:1.5rem}}@media (max-width:480px){.hero-title{font-size:1.5rem}.hero-description{font-size:.9375rem}.translation-interface{padding:.75rem}.tab-button{font-size:.75rem;padding:.5rem}.textarea-container textarea{min-height:120px;font-size:.875rem;padding:.75rem 3rem .75rem .75rem}.child{flex:0 0 240px}.user-guide-section{padding:1rem}.accordion-button{font-size:.875rem;padding:.875rem 1rem}.form-container{padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:100}.loading-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--neutral-300);border-top-color:var(--primary-500);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.text-center{text-align:center}.text-left{text-align:left}.autocomplete-container{position:relative;width:100%}.suggestion-list{position:absolute;top:100%;left:0;right:0;z-index:20;background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-lg);max-height:200px;overflow-y:auto;box-shadow:var(--shadow-soft)}.suggestion-list li{padding:.5rem;cursor:pointer}.suggestion-list li.active,.suggestion-list li:hover{background:var(--neutral-100)}#cu-toggle{background:#f5f5f5;border:1px solid #d4d4d4;color:#525252;padding:.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;min-width:36px;min-height:36px;transition:background-color .2s ease,transform .2s ease,color .2s ease;animation:pulseIcon 2s ease-in-out infinite}#cu-toggle:hover{background:#f0f9ff;color:#2563eb;border-color:#93c5fd;transform:scale(1.05)}#cu-toggle.active{background:#2563eb;color:#fff;border-color:#2563eb}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.error-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.error-modal{background-color:#fff;border-radius:8px;width:300px;max-width:90%;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}.error-modal-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}#error-ok-btn,#error-report-btn{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:700;color:#fff;text-decoration:none}#error-ok-btn{background-color:#6c757d}#error-report-btn{background-color:#007bff}#guest-continue-btn,#guest-login-btn{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:700;color:#fff;text-decoration:none}#guest-continue-btn{background-color:#6c757d}#guest-login-btn{background-color:#007bff}#audio-limit-continue-btn,#audio-limit-login-btn{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:700;color:#fff;text-decoration:none}#audio-limit-continue-btn{background-color:#6c757d}#audio-limit-login-btn{background-color:#007bff}#feature-limit-continue-btn,#feature-limit-login-btn{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:700;color:#fff;text-decoration:none}#feature-limit-continue-btn{background-color:#6c757d}#feature-limit-login-btn{background-color:#007bff}