@font-face{font-family:Poppins;src:url(/assets/regular-CTKNfV9P.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/medium-Cxde2ZoM.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/semiBold-B_fPDAUb.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/bold-qTAUjFF7.ttf) format("truetype");font-weight:700;font-style:normal}.skip-to-main{position:absolute;left:-9999px;z-index:999;padding:1rem 1.5rem;background-color:#667eea;color:#fff;text-decoration:none;border-radius:4px;font-weight:500}.skip-to-main:focus{left:1rem;top:1rem}*{margin:0;padding:0;box-sizing:border-box}@keyframes smoothRotate{0%,to{background-position:100%}50%{background-position:0%}}body{background:linear-gradient(135deg,#667eea,#c258ff);background-size:300%;padding:20px;font-family:Poppins,sans-serif;animation:smoothRotate 10s linear infinite}button,a{text-decoration:none;font-family:Poppins,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}main{display:flex;align-items:center;justify-content:center;min-height:100vh}.container{max-width:800px;width:100%;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:48px;border-radius:40px;animation:fadeIn .5s ease}h1{background:linear-gradient(135deg,#667eea,#c258ff);margin-bottom:12px;font-size:40px;text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin-bottom:40px;color:#666;font-size:17.6px;text-align:center}.upload-area{position:relative;background:#c258ff0d;padding:60px 20px;border:3px dashed #667eea;border-radius:16px;overflow:hidden;text-align:center;cursor:pointer;transition:all .3s ease}.upload-area:hover{background:#c258ff1a;border-color:#c258ff}.upload-area.dragover{background:#c258ff1a;border-color:#c258ff;transform:scale(1.02)}.upload-icon{margin-bottom:20px;font-size:64px}.upload-text{margin-bottom:12px;color:#333;font-size:20.8px;font-weight:600}.upload-hint{color:#666;font-size:15.2px}.options{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:24px}.btn{padding:14px 24px;border:none;border-radius:16px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#c258ff);background-size:200%;color:#fff}.btn-primary:hover{background-position:50%}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.loading-container{display:none;background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:32px;margin-top:32px;border-radius:16px}.loading-container.active{display:block}.progress-bar{width:100%;height:8px;background:#e0e0e0;margin-bottom:16px;border-radius:10px;overflow:hidden}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#667eea,#c258ff);border-radius:10px;transition:width .3s ease}.loading-text{color:#667eea;font-size:17.6px;font-weight:600;text-align:center}.result-container{display:none;background:#c258ff1a;padding:32px;margin-top:32px;border-radius:16px}.result-container.active{display:block}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.result-title{color:#333;font-size:20.8px;font-weight:600}.result-text-wrapper{overflow:hidden;border-radius:12px}.result-text{min-height:200px;max-height:40px;overflow-y:auto;background:#fff;padding:24px;color:#333;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.result-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:32px;color:#666}.meta-item{display:flex;align-items:center;gap:6px}input[type=file],.hidden{display:none}.footer{align-items:center;display:flex;justify-content:space-between;gap:20px;max-width:max-content;width:100%;padding:60px 0 40px;margin-right:auto;margin-left:auto}.footer *{color:#fff;opacity:70%}.footer a.active{opacity:100%;text-shadow:0px 0px 4px white}.footer a:hover{opacity:100%;text-shadow:0px 0px 0px}@media(max-width:640px){.container{padding:32px 24px}h1{font-size:32px}.upload-area{padding:40px 20px}.options{flex-direction:column}.btn{width:100%}}
