.language-selector-container{position:relative;z-index:50}.language-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-full);background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.language-btn:hover{background:var(--color-surface-hover);box-shadow:0 0 15px rgba(30,136,229,.2)}.language-btn.active,.language-btn:hover{color:var(--color-text-primary);border-color:#1e88e5}.language-btn.active{background:var(--color-surface);box-shadow:0 0 0 2px rgba(30,136,229,.2)}.globe-icon{color:#1e88e5}.chevron-icon{color:var(--color-text-secondary);transition:transform .3s ease}.chevron-icon.rotate{transform:rotate(180deg)}.language-name{font-weight:500;white-space:nowrap}.language-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:12rem;background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);overflow:hidden;animation:slideDown .2s ease-out;transform-origin:top right}.language-list{padding:.25rem;max-height:calc(100vh - 240px);overflow-y:auto}.language-option{width:100%;text-align:left;padding:.625rem 1rem;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm)}.language-option:hover{background:rgba(30,136,229,.1);color:var(--color-text-primary)}.language-option.selected{background:rgba(30,136,229,.15);color:#1e88e5;font-weight:600}.check-icon{color:#1e88e5}@media (max-width:991px){.language-btn{padding:.5rem .75rem}.chevron-icon{display:none}.language-dropdown{right:0;left:auto}}.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;box-shadow:0 4px 30px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000}.navbar-left,.navbar-logo{display:flex;align-items:center}.navbar-logo{text-decoration:none;color:#333;font-weight:700;font-size:20px;justify-self:center}.navbar-logo img{height:40px}.navbar-right{display:flex;align-items:center;gap:15px;justify-self:end}.navbar-left-link{text-decoration:none;color:#555;font-size:14px;font-weight:500;transition:color .2s}.navbar-left-link:hover{color:#000}.navbar-mobile-menu-container{display:none;position:relative}.navbar-mobile-menu-button{background:none;border:none;cursor:pointer;padding:8px;color:#333;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.navbar-mobile-menu-button:hover{background-color:rgba(0,0,0,.05)}.navbar-mobile-menu{position:absolute;top:100%;right:0;margin-top:8px;background-color:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:8px;min-width:160px;z-index:1001;border:1px solid rgba(0,0,0,.05)}.navbar-mobile-menu-item{display:block;padding:10px 16px;text-decoration:none;color:#333;font-size:14px;border-radius:8px;transition:background-color .2s}.navbar-mobile-menu-item:hover{background-color:#f5f5f5}@media (max-width:991px){.navbar{display:flex;justify-content:space-between;height:60px;padding:0 20px}.navbar-left{display:none}.navbar-logo{order:1;justify-self:unset;margin-right:auto}.navbar-right{display:flex;order:2;justify-self:unset;align-items:center;gap:10px}.navbar-mobile-menu-container{display:block}}@media (max-width:480px){.navbar-logo img{height:32px}}@media (max-width:374px){.navbar{padding:0 5px 0 15px}.navbar-right{gap:5px}.navbar-logo img{height:28px}}:root{--color-background:#ffffff;--color-surface:#ffffff;--color-surface-hover:#f1f5f9;--color-border:#e2e8f0;--color-text-primary:#000;--color-text-secondary:#444;--gradient-primary:#1e88e5;--gradient-primary-hover:#1565c0;--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-background:#ffffff;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-glow:0 0 20px rgba(30,136,229,0.3);--shadow-glass:0 8px 32px 0 rgba(0,0,0,0.05);--font-family:Arial,system-ui,sans-serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-background);min-height:100vh}.container{max-width:820px;margin:0 auto;padding:30px var(--spacing-md);position:relative;z-index:1}.header{text-align:center;margin-bottom:var(--spacing-lg);animation:slideDown .8s ease-out}.title{font-size:var(--font-size-2xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#000;margin-bottom:var(--spacing-sm);letter-spacing:-.03em;line-height:1.2}@media (min-width:768px){.title{font-size:var(--font-size-2xl)}}.subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:400;margin:0 auto}.converter-description,.format-description{margin:var(--spacing-md) auto 0;padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(30,136,229,.05),rgba(56,189,248,.05));border-left:4px solid #1e88e5;border-radius:var(--radius-md);color:var(--gradient-primary);font-size:var(--font-size-base);line-height:1.7;box-shadow:var(--shadow-sm);white-space:pre-line}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.05);transition:var(--transition);animation:fadeIn 1s ease-out}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn-success{background:#10b981;color:white}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-danger{background:#ef4444;color:white}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.upload-area{text-align:center;padding:var(--spacing-xl);background:#f8fafc;border:2px dashed var(--color-border);border-radius:var(--radius-xl);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden;margin-top:var(--spacing-lg)}.upload-area:hover{border-color:#1e88e5;background:#f1f5f9;transform:scale(1.01)}.upload-area.dragging{border-color:#1e88e5;background:linear-gradient(135deg,rgba(30,136,229,.1),rgba(56,189,248,.1));transform:scale(1.02);box-shadow:0 0 0 4px rgba(30,136,229,.2)}.upload-area.dragging .upload-icon{transform:scale(1.15) rotate(5deg);color:#1565c0}.upload-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);color:#1e88e5;transition:var(--transition-bounce)}.upload-area:hover .upload-icon{transform:scale(1.1) rotate(5deg)}.upload-text{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.upload-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.file-input{display:none}.grid{display:grid;gap:0}@media (min-width:768px){.grid-cols-2{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin:0 auto}.grid-cols-2 .form-group{width:auto;min-width:200px}}.file-cards-container{margin-top:var(--spacing-lg)}.file-cards-grid{display:flex;gap:var(--spacing-md);overflow-x:auto;overflow-y:visible;scroll-behavior:smooth}.file-cards-grid::-webkit-scrollbar{height:8px}.file-cards-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.file-cards-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.file-cards-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.file-card{position:relative;flex:0 0 180px;min-width:180px;aspect-ratio:1;background-color:#f1f5f9;background-size:contain;background-position:50%;background-repeat:no-repeat;border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);animation:slideUp .3s ease-out}@media (min-width:640px){.file-card{flex:0 0 200px;min-width:200px}}.file-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.4));display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-sm)}.file-card-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:rgba(255,255,255,.95);border:none;color:#ef4444;cursor:pointer;padding:6px;border-radius:50%;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;z-index:10;width:28px;height:28px}.file-card-close:hover{background:white;color:#dc2626;transform:scale(1.1)}.file-card-close:active{transform:scale(.95)}.file-card-name{color:white;font-size:var(--font-size-sm);font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:36px}.file-card-action,.file-download-btn{display:flex;justify-content:center;align-items:center}.file-download-btn{flex-direction:row;width:100%;border-radius:var(--radius-md);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,255,255,.95);color:#10b981;text-decoration:none;transition:var(--transition);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.file-download-btn:hover{background:white;color:#059669;transform:translateY(-2px)}.file-progress{width:100%;max-width:200px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center}.file-progress-bar{width:100%;height:8px;background:rgba(0,0,0,.3);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.file-progress-fill{height:100%;background:#fff;border-radius:var(--radius-full);transition:width .3s ease}.file-progress-text{color:white;font-size:var(--font-size-lg);font-weight:700}.file-error{display:flex;align-items:center;gap:var(--spacing-xs);color:#fca5a5;font-size:var(--font-size-sm);background:rgba(239,68,68,.2);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600}.batch-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.batch-actions .btn{flex:1 1}@media (max-width:767px){.batch-actions{flex-wrap:wrap}.batch-actions .btn{flex:1 1 100%}.form-group-input{margin-bottom:var(--spacing-lg)}}.footer{text-align:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);border-top:1px solid var(--color-border)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .6s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-select-container{position:relative;width:100%}.custom-select-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%}@media (min-width:768px){.custom-select-row{justify-content:flex-start}}.custom-select-row .form-label{display:inline-block;flex-shrink:0;margin-bottom:0}.custom-select-input-wrapper{min-width:150px}@media (min-width:768px){.custom-select-input-wrapper{min-width:140px}}.relative{position:relative}.custom-select-trigger{width:100%;padding:var(--spacing-md) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:space-between;text-align:left}.custom-select-trigger:hover{border-color:#1e88e5;background-color:#f8fafc}.custom-select-trigger.open{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.2);border-bottom-left-radius:0;border-bottom-right-radius:0}.select-arrow{margin-left:8px;color:var(--color-text-secondary);transition:transform .3s ease}.select-arrow.rotate{transform:rotate(180deg)}.custom-select-options{position:absolute;top:100%;left:0;right:0;background:#ffffff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-top:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);z-index:50;max-height:250px;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideDown .2s ease-out;list-style:none;padding:var(--spacing-xs)}.custom-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;color:var(--color-text-secondary);font-weight:500}.custom-option:hover{background:rgba(30,136,229,.1);color:var(--color-text-primary)}.custom-option.selected{background:var(--gradient-primary);color:white}.check-icon{width:16px;height:16px}.custom-select-options::-webkit-scrollbar{width:8px}.custom-select-options::-webkit-scrollbar-track{background:#f1f5f9}.custom-select-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.custom-select-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.guide-section{margin-top:var(--spacing-2xl);margin-left:auto;margin-right:auto}.guide-title{font-size:var(--font-size-2xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text-primary);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#000}.guide-steps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.guide-step{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#f8fafc;border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:var(--transition)}.guide-step:hover{background:#f1f5f9;border-color:#1e88e5;transform:translateX(4px)}.guide-step-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:white;font-weight:700;font-size:var(--font-size-sm);border-radius:50%;box-shadow:0 2px 8px rgba(30,136,229,.3)}.guide-step-text{flex:1 1;color:var(--color-text-secondary);line-height:1.6;margin:0;padding-top:4px;font-size:var(--font-size-base)}.explanation-section,.faq-section{margin-top:var(--spacing-2xl);margin-left:auto;margin-right:auto}.faq-title{font-size:var(--font-size-2xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.faq-item.open,.faq-item:hover{border-color:#1e88e5}.faq-item.open{box-shadow:var(--shadow-md)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:none;border:none;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);cursor:pointer;text-align:left}.faq-icon{color:var(--color-text-secondary);transition:transform .3s ease;flex-shrink:0;margin-left:var(--spacing-md)}.faq-icon.rotate{transform:rotate(180deg);color:#1e88e5}.faq-answer-container{max-height:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap}.unsupport-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666;font-size:14px;pointer-events:none}.answer-open{max-height:unset;opacity:1}