:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#8b5cf6;--secondary:#ec4899;--secondary-dark:#db2777;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-primary:#0f0f23;--bg-secondary:#1a1b2e;--bg-card:rgba(30, 31, 48, 0.8);--bg-glass:rgba(255, 255, 255, 0.05);--bg-hover:rgba(255, 255, 255, 0.1);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-light:rgba(255, 255, 255, 0.1);--border-medium:rgba(255, 255, 255, 0.2);--border-heavy:rgba(255, 255, 255, 0.3);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md:0 8px 32px rgba(0, 0, 0, 0.4);--shadow-lg:0 16px 64px rgba(0, 0, 0, 0.5);--shadow-glow:0 0 40px rgba(99, 102, 241, 0.2);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-light));--gradient-secondary:linear-gradient(135deg, var(--secondary), var(--primary-light));--gradient-bg:linear-gradient(135deg, var(--bg-primary), var(--bg-secondary));--gradient-glass:linear-gradient(135deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.05));--border-radius-sm:12px;--border-radius-md:16px;--border-radius-lg:20px;--border-radius-xl:28px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px)}.light-mode{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:rgba(255, 255, 255, 0.9);--bg-glass:rgba(0, 0, 0, 0.05);--bg-hover:rgba(0, 0, 0, 0.08);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-light:rgba(0, 0, 0, 0.1);--border-medium:rgba(0, 0, 0, 0.2);--border-heavy:rgba(0, 0, 0, 0.3);--shadow-sm:0 2px 12px rgba(0, 0, 0, 0.08);--shadow-md:0 8px 32px rgba(0, 0, 0, 0.12);--shadow-lg:0 16px 64px rgba(0, 0, 0, 0.16);--shadow-glow:0 0 40px rgba(99, 102, 241, 0.15);--gradient-bg:linear-gradient(135deg, #fff, #f8fafc)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--gradient-bg);color:var(--text-primary);font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh;transition:var(--transition-normal);overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgb(99 102 241 / .1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgb(236 72 153 / .1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgb(6 182 212 / .05) 0%,transparent 50%);pointer-events:none;z-index:-1}.light-mode body::before{background:radial-gradient(circle at 20% 80%,rgb(99 102 241 / .03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgb(236 72 153 / .03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgb(6 182 212 / .02) 0%,transparent 50%)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}header{background:var(--bg-glass);backdrop-filter:var(--blur-md);border-bottom:1px solid var(--border-light);padding:1rem 0;position:sticky;top:0;z-index:1000;transition:var(--transition-normal)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff0;transition:var(--transition-normal);text-decoration:none}.logo i{font-size:1.8rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff0}.theme-toggle{background:var(--bg-glass);border:1px solid var(--border-light);color:var(--text-primary);width:48px;height:48px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);backdrop-filter:var(--blur-sm)}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.hero{text-align:center;padding:6rem 1rem 4rem;position:relative;max-width:1200px;margin:0 auto}.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgb(99 102 241 / .1) 0%,transparent 70%);pointer-events:none}.light-mode .hero::before{background:radial-gradient(circle,rgb(99 102 241 / .05) 0%,transparent 70%)}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary-light) 70%);-webkit-background-clip:text;background-clip:text;color:#fff0;line-height:1.1}.hero p{font-size:1.2rem;max-width:600px;margin:0 auto 3rem;color:var(--text-secondary);font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin:3rem auto;position:relative;z-index:2;max-width:1200px}.feature-card{background:var(--bg-glass);backdrop-filter:var(--blur-md);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:1.8rem;transition:all 0.4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:inherit;will-change:transform;backface-visibility:hidden}.feature-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-glass);transition:var(--transition-slow);z-index:-1}.feature-card:hover{transform:translateY(-8px);border-color:var(--border-medium);box-shadow:var(--shadow-lg),var(--shadow-glow)}.feature-card:hover::before{left:0}.feature-icon{font-size:2.5rem;margin-bottom:1.2rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff0;transition:var(--transition-normal)}.feature-card:hover .feature-icon{transform:scale(1.05)}.feature-card h3{margin-bottom:.8rem;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.tool-section{display:none;padding:2rem 0;animation:fadeInUp 0.6s ease;max-width:1200px;margin:0 auto}.tool-section.active{display:block}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tool-header{display:flex;align-items:center;gap:16px;margin-bottom:2rem}.back-button{background:var(--gradient-primary);color:#fff;border:none;width:48px;height:48px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);backdrop-filter:var(--blur-sm)}.back-button:hover{transform:translateX(-4px);box-shadow:var(--shadow-md)}.tool-content{background:var(--bg-glass);backdrop-filter:var(--blur-md);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-md);transition:var(--transition-normal);margin:0 auto;will-change:transform;backface-visibility:hidden}.tool-content:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.input-area,.output-area{display:flex;flex-direction:column;gap:1.2rem}.input-area h3,.output-area h3{margin-bottom:.8rem;font-size:1.2rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.input-area h3::before,.output-area h3::before{content:'';width:4px;height:20px;background:var(--gradient-primary);border-radius:2px}textarea,input[type="text"],input[type="number"],input[type="color"],input[type="file"],select{width:100%;padding:.9rem 1.1rem;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;transition:all 0.2s ease;backdrop-filter:var(--blur-sm);resize:vertical;min-height:44px}::selection{background:rgb(99 102 241 / .3);color:var(--text-primary);text-shadow:none}::-moz-selection{background:rgb(99 102 241 / .3);color:var(--text-primary);text-shadow:none}textarea::placeholder,input::placeholder{color:var(--text-muted);opacity:.8}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 0 0 3px rgb(99 102 241 / .15),0 4px 12px rgb(0 0 0 / .1);background:var(--bg-hover)}button{background:var(--gradient-primary);color:#fff;border:none;padding:.9rem 1.8rem;border-radius:var(--border-radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;min-height:44px}button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:var(--transition-slow)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}button:hover::before{left:100%}button:active{transform:translateY(1px)}button.secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-light)}button.secondary:hover{background:var(--bg-hover);border-color:var(--border-medium)}.file-upload{border:2px dashed var(--border-light);border-radius:var(--border-radius-lg);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all 0.3s ease;background:var(--bg-glass);backdrop-filter:var(--blur-sm);min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-upload:hover{border-color:var(--primary);background:var(--bg-hover);transform:translateY(-2px)}.file-upload.drag-over{border-color:var(--primary);background:var(--bg-hover);transform:scale(1.02)}.file-upload i{font-size:2.5rem;margin-bottom:1.2rem;color:var(--text-muted);transition:var(--transition-normal)}.file-upload:hover i{color:var(--primary);transform:scale(1.05)}.slider-container{display:flex;flex-direction:column;gap:.8rem}.slider-value{text-align:center;font-weight:600;color:var(--text-primary);font-size:1rem}input[type="range"]{width:100%;height:6px;border-radius:3px;background:var(--bg-glass);outline:none;-webkit-appearance:none;transition:var(--transition-normal)}input[type="range"]:focus{box-shadow:0 0 0 3px rgb(99 102 241 / .1)}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;border:none;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}input[type="range"]::-moz-range-thumb:hover{transform:scale(1.1)}.checkbox-group{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0}.checkbox-item{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;background:var(--bg-glass);border-radius:var(--border-radius-md);transition:var(--transition-normal);min-height:44px;flex:1;min-width:150px}.checkbox-item:hover{background:var(--bg-hover)}.checkbox-item input[type="checkbox"]{width:18px;height:18px;accent-color:var(--primary)}.checkbox-item label{color:var(--text-primary);font-weight:500;cursor:pointer}.preview-area{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:1.8rem;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem;backdrop-filter:var(--blur-sm);transition:var(--transition-normal)}.preview-area:hover{border-color:var(--border-medium)}.preview-image{max-width:100%;max-height:350px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.preview-image:hover{transform:scale(1.02)}.qr-code{padding:1.2rem;background:#fff;border-radius:var(--border-radius-md);display:inline-block;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.qr-code:hover{transform:scale(1.02)}.color-preview{width:100%;height:70px;border-radius:var(--border-radius-md);border:1px solid var(--border-light);transition:var(--transition-normal)}.color-preview:hover{transform:scale(1.02)}.timer-display{font-size:3.5rem;font-weight:700;text-align:center;margin:1.2rem 0;font-family:'JetBrains Mono','Fira Code',monospace;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff0;text-shadow:var(--shadow-glow);transition:var(--transition-normal)}.timer-controls{display:flex;justify-content:center;gap:.8rem;margin-top:1.2rem;flex-wrap:wrap}.lap-times{margin-top:1.2rem;max-height:250px;overflow-y:auto;background:var(--bg-glass);border-radius:var(--border-radius-md);padding:1rem}.lap-item{padding:.8rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast)}.lap-item:hover{background:var(--bg-hover)}.lap-item:last-child{border-bottom:none}.notification{position:fixed;top:24px;right:24px;padding:1rem 1.5rem;background:var(--success);color:#fff;border-radius:var(--border-radius-md);z-index:10000;box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform 0.3s ease;backdrop-filter:var(--blur-md);border:1px solid rgb(255 255 255 / .1);max-width:400px}.notification.error{background:var(--error)}.notification.warning{background:var(--warning)}.notification.info{background:var(--info)}.tool-tabs{display:flex;background:var(--bg-glass);border-radius:var(--border-radius-lg);padding:4px;margin-bottom:2rem;backdrop-filter:var(--blur-sm)}.tab-button{flex:1;background:#fff0;border:none;padding:1rem 1.5rem;cursor:pointer;border-radius:var(--border-radius-md);transition:var(--transition-normal);color:var(--text-secondary);font-weight:500;min-height:44px}.tab-button.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.tab-button:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.tab-content{display:none;animation:fadeIn 0.4s ease}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}footer{background:var(--bg-glass);backdrop-filter:var(--blur-md);border-top:1px solid var(--border-light);padding:2.5rem 0;margin-top:4rem}.footer-content{display:flex;flex-direction:column;gap:1.2rem;align-items:center;text-align:center;max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:var(--transition-normal);display:flex;align-items:center;gap:6px;padding:.5rem 1rem;border-radius:var(--border-radius-md)}.footer-links a:hover{color:var(--primary);transform:translateY(-2px);background:var(--bg-hover)}.copyright{margin-top:1rem;font-size:.9rem;color:var(--text-muted)}.creator-credit{position:fixed;bottom:20px;right:20px;z-index:1000}.creator-credit a{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-glass);backdrop-filter:var(--blur-md);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--transition-normal);min-height:44px}.creator-credit a:hover{background:var(--bg-hover);border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-md)}.creator-credit i{color:var(--primary);font-size:1.1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px;transition:var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px rgb(99 102 241 / .1)}.loading{opacity:.7;pointer-events:none;transition:opacity 0.3s ease}html{scroll-behavior:smooth}.feature-card,.tool-content,button{will-change:transform;backface-visibility:hidden}@media (prefers-reduced-motion:reduce){.feature-card,button,input,textarea,select,.tool-content{transition:none}.feature-card:hover{transform:none}button:hover{transform:none}html{scroll-behavior:auto}}@media (hover:none) and (pointer:coarse){.feature-card:hover{transform:none}.feature-card:active{transform:scale(.98)}button:hover{transform:none}button:active{transform:scale(.98)}input[type="range"]{height:12px}input[type="range"]::-webkit-slider-thumb{width:24px;height:24px}}@media print{.theme-toggle,.creator-credit,.feature-card:hover,.tool-content:hover{display:none!important}body{background:#fff!important;color:#000!important}.feature-card{background:#fff!important;border:1px solid #ddd!important}}.pdf-tool-container{max-width:1400px;margin:0 auto}.tool-tabs{display:flex;background:var(--bg-glass);border-radius:var(--border-radius-lg);padding:8px;margin-bottom:2rem;backdrop-filter:var(--blur-sm);border:1px solid var(--border-light)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff0;border:none;padding:1rem 1.5rem;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-normal);color:var(--text-secondary);font-weight:500;font-size:1rem}.tab-button.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.tab-button:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.tab-content{display:none;animation:fadeInUp 0.4s ease}.tab-content.active{display:block}.tab-content.active .upload-section,.tab-content.active .preview-section{background:var(--bg-glass);backdrop-filter:var(--blur-md);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:2rem;margin-bottom:1.5rem}.upload-area{border:2px dashed var(--border-light);border-radius:var(--border-radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all 0.3s ease;background:var(--bg-glass);position:relative;margin-bottom:1.5rem}.upload-area:hover{border-color:var(--primary);background:var(--bg-hover);transform:translateY(-2px)}.upload-area.drag-over{border-color:var(--primary);background:var(--bg-hover);transform:scale(1.02)}.upload-icon{font-size:3rem;margin-bottom:1rem;color:var(--text-muted);transition:var(--transition-normal)}.upload-area:hover .upload-icon{color:var(--primary);transform:scale(1.1)}.upload-area h3{margin-bottom:.5rem;color:var(--text-primary)}.upload-area p{color:var(--text-secondary);margin-bottom:.5rem}.upload-support{font-size:.8rem;color:var(--text-muted)}.image-previews-container{min-height:200px;margin-bottom:1.5rem}.empty-state,.loading-state,.error-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.empty-state i,.loading-state i,.error-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.image-preview-item{position:relative;background:var(--bg-glass);border-radius:var(--border-radius-md);overflow:hidden;transition:all 0.3s ease;border:1px solid var(--border-light)}.image-preview-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.image-preview-item.dragging{opacity:.5;transform:scale(.95)}.image-preview{position:relative;aspect-ratio:1;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover;transition:var(--transition-normal)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .7);display:flex;align-items:center;justify-content:center;gap:5px;opacity:0;transition:var(--transition-normal)}.image-preview-item:hover .image-overlay{opacity:1}.image-overlay button{background:rgb(255 255 255 / .9);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:var(--text-primary)}.image-overlay button:hover{background:#fff;transform:scale(1.1)}.image-overlay button:disabled{opacity:.5;cursor:not-allowed;transform:none}.image-info{padding:.8rem;font-size:.8rem}.image-name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.image-size,.image-dimensions{display:block;color:var(--text-muted);font-size:.7rem}.image-order{position:absolute;top:8px;left:8px;background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.images-summary{text-align:center;padding:1rem;background:var(--bg-glass);border-radius:var(--border-radius-md);border:1px solid var(--border-light)}.images-summary small{color:var(--text-muted);display:block;margin-top:.2rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-download{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px;padding:1rem 1.5rem;border:none;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:var(--transition-normal);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-medium)}.btn-download{background:var(--success);color:#fff;width:100%;margin-top:1rem}.btn-download:hover{background:#0da765;transform:translateY(-2px);box-shadow:var(--shadow-md)}.preview-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1.5rem;gap:1rem}.preview-header h3{display:flex;align-items:center;gap:8px;color:var(--text-primary);margin:0}.preview-area{min-height:300px;border-radius:var(--border-radius-md);overflow:hidden}.preview-placeholder{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.preview-placeholder i{font-size:3rem;margin-bottom:1rem;opacity:.5}.info-success,.info-processing{display:flex;align-items:center;gap:12px;padding:1rem;background:rgb(16 185 129 / .1);border-radius:var(--border-radius-md);border:1px solid rgb(16 185 129 / .2)}.info-processing{background:rgb(245 158 11 / .1);border-color:rgb(245 158 11 / .2)}.info-success i{color:var(--success);font-size:1.2rem}.info-processing i{color:var(--warning);font-size:1.2rem}.info-success div,.info-processing div{display:flex;flex-direction:column;gap:2px}.info-success strong,.info-processing strong{color:var(--text-primary);font-size:.9rem}.info-success span,.info-processing span{color:var(--text-muted);font-size:.8rem}.converted-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-height:400px;overflow-y:auto;padding:1rem 0}.converted-image-item{text-align:center}.converted-image-preview{position:relative;margin-bottom:.5rem}.converted-image-preview img{width:100%;height:120px;object-fit:contain;border-radius:var(--border-radius-sm);border:1px solid var(--border-light);background:#fff}.page-number{position:absolute;bottom:4px;left:4px;background:rgb(0 0 0 / .7);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem}.btn-download-single{width:100%;padding:.5rem;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-size:.8rem}.btn-download-single:hover{background:var(--bg-hover);border-color:var(--border-medium)}.conversion-options{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.option-group{display:flex;flex-direction:column;gap:.5rem}.option-group label{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:500;font-size:.9rem}.option-group label i{color:var(--primary);width:16px}.slider-value{text-align:center;font-weight:600;color:var(--text-primary);background:var(--bg-glass);padding:.3rem;border-radius:var(--border-radius-sm);font-size:.9rem}.buy-coffee{position:fixed;bottom:20px;left:20px;z-index:1000}.buy-coffee a{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#ffdd00,#ffd000);color:#000;text-decoration:none;font-weight:600;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-normal);min-height:44px}.buy-coffee a:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#ffd000,#ffc400)}.buy-coffee i{font-size:1.1rem}.pdf-name-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:var(--blur-md)}.modal-content{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:2rem;max-width:400px;width:90%;border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{color:var(--text-primary);margin:0}.close-modal{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-modal:hover{color:var(--text-primary)}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){#imageToPdf.tab-content.active,#pdfToImages.tab-content.active{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}}.not-found-container{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.not-found-code{font-size:8rem;font-weight:700;color:var(--primary);margin-bottom:1rem;line-height:1}.not-found-title{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.not-found-message{font-size:1.1rem;margin-bottom:2rem;color:var(--text-secondary);max-width:500px;line-height:1.6}.not-found-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.seo-content-section{margin-top:3rem;padding:2.5rem;background:var(--bg-glass);border-radius:var(--border-radius-lg);border:1px solid var(--border-light)}.seo-content-section h2{text-align:center;margin-bottom:2rem;color:var(--text-primary);font-size:2rem}.seo-content-section h3{color:var(--text-primary);font-size:1.4rem;margin:2rem 0 1rem 0;border-left:4px solid var(--primary);padding-left:1rem}.seo-content-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1.1rem}.features-grid-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border-light)}.feature-mini h4{color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.feature-mini h4 i{color:var(--primary)}.feature-mini p{color:var(--text-secondary);line-height:1.6;font-size:1rem;margin-bottom:0}.closing-note{color:var(--text-secondary);line-height:1.7;margin-top:2rem;font-size:1.1rem;text-align:center;font-style:italic}.social-sharing{margin-top:3rem;text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,rgb(29 161 242 / .05) 0%,rgb(24 119 242 / .05) 100%);border-radius:var(--border-radius-lg);border:1px solid var(--border-light)}.social-sharing h3{margin-bottom:.5rem;color:var(--text-primary);font-size:1.3rem;font-weight:600}.social-sharing>p{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:900px;margin:0 auto}.social-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem;color:#fff;text-decoration:none;border-radius:var(--border-radius-md);font-weight:600;font-size:.95rem;transition:all 0.3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.social-btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgb(0 0 0 / .2)}.social-btn.twitter{background:linear-gradient(135deg,#1DA1F2 0%,#1a8cd8 100%)}.social-btn.facebook{background:linear-gradient(135deg,#1877F2 0%,#0d5fcc 100%)}.social-btn.linkedin{background:linear-gradient(135deg,#0077B5 0%,#005a8f 100%)}.social-btn.whatsapp{background:linear-gradient(135deg,#25D366 0%,#1fa851 100%)}.social-btn.telegram{background:linear-gradient(135deg,#0088cc 0%,#006699 100%)}.social-btn.email{background:linear-gradient(135deg,#EA4335 0%,#c5221f 100%)}.social-btn i{font-size:1.5rem}.other-tools-section{margin-top:3rem;padding:2.5rem 2rem;background:var(--bg-glass);border-radius:var(--border-radius-lg);border:1px solid var(--border-light);text-align:center}.other-tools-section h3{margin-bottom:2rem;color:var(--text-primary);font-size:1.5rem}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.tool-link{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-md);text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;backdrop-filter:var(--blur-sm)}.tool-link:hover{background:var(--bg-hover);border-color:var(--border-medium);transform:translateY(-3px);box-shadow:var(--shadow-md)}.tool-link i{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff0;transition:var(--transition-normal)}.tool-link:hover i{transform:scale(1.1)}.tool-link span{font-weight:600;font-size:1rem;text-align:center}.content-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.analysis-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:1.5rem;transition:var(--transition-normal)}.analysis-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.analysis-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.analysis-icon{width:48px;height:48px;border-radius:var(--border-radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.analysis-title{color:var(--text-primary);font-weight:600;margin:0}.analysis-score{font-size:2rem;font-weight:700;text-align:center;margin:1rem 0}.score-excellent{color:var(--success)}.score-good{color:var(--warning)}.score-poor{color:var(--error)}.analysis-list{list-style:none;padding:0;margin:0}.analysis-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.analysis-item:last-child{border-bottom:none}.analysis-item i{width:20px;text-align:center}.analysis-item.success i{color:var(--success)}.analysis-item.warning i{color:var(--warning)}.analysis-item.error i{color:var(--error)}.analysis-text{flex:1;color:var(--text-secondary);font-size:.9rem}.keyword-density{margin-top:1.5rem}.keyword-list{max-height:300px;overflow-y:auto;background:var(--bg-glass);border-radius:var(--border-radius-md);padding:1rem}.keyword-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-light)}.keyword-item:last-child{border-bottom:none}.keyword-text{color:var(--text-primary);font-weight:500}.keyword-stats{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.9rem}.keyword-bar{width:100px;height:6px;background:var(--bg-glass);border-radius:3px;overflow:hidden}.keyword-fill{height:100%;background:var(--gradient-primary);border-radius:3px}.readability-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0}.metric-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-md);padding:1rem;text-align:center}.metric-value{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.metric-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.suggestions-list{background:var(--bg-glass);border-radius:var(--border-radius-lg);padding:1.5rem;margin-top:1.5rem}.suggestion-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-light)}.suggestion-item:last-child{border-bottom:none}.suggestion-icon{color:var(--primary);font-size:1.1rem;margin-top:.2rem}.suggestion-content{flex:1}.suggestion-title{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.suggestion-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.text-analysis-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin:2rem 0}.analysis-results{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:1.5rem}.result-category{margin-bottom:2rem}.result-category:last-child{margin-bottom:0}.result-category h4{color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.result-item{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius-md)}.result-value{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.result-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.grade-indicator{text-align:center;padding:2rem;background:var(--bg-glass);border-radius:var(--border-radius-lg);border:1px solid var(--border-light)}.grade-score{font-size:3rem;font-weight:800;margin-bottom:1rem}.grade-letter{font-size:4rem;font-weight:900;margin-bottom:1rem}.grade-a{color:var(--success)}.grade-b{color:var(--warning)}.grade-c{color:var(--error)}.grade-d{color:var(--error)}.grade-f{color:var(--error)}.grade-feedback{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (max-width:768px){.content-analysis-grid{grid-template-columns:1fr}.text-analysis-container{grid-template-columns:1fr}.result-grid{grid-template-columns:repeat(2,1fr)}.readability-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.result-grid{grid-template-columns:1fr}.readability-metrics{grid-template-columns:1fr}.analysis-header{flex-direction:column;text-align:center;gap:.75rem}.keyword-item{flex-direction:column;align-items:flex-start;gap:.5rem}.keyword-stats{width:100%;justify-content:space-between}}.word-counter-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.stat-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-md);padding:1.5rem;text-align:center;transition:var(--transition-normal);backdrop-filter:var(--blur-sm)}.stat-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;transition:var(--transition-normal)}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-updated{animation:pulse 0.3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.text-area-container{position:relative;margin-bottom:1.5rem}#wordCounterInput{min-height:200px;resize:vertical;font-family:'Inter',sans-serif;line-height:1.6}.action-buttons-row{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-medium)}.qr-preview-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-code canvas{border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);max-width:100%;height:auto}.qr-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%}.info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-glass);border-radius:var(--border-radius-md);border:1px solid var(--border-light)}.info-item i{color:var(--primary);font-size:1.2rem;width:24px}.info-item div{display:flex;flex-direction:column;gap:.25rem}.info-item strong{color:var(--text-primary);font-size:.9rem}.info-item span{color:var(--text-secondary);font-size:.85rem}.audio-preview{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:2rem;min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.audio-controls{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:1.5rem;margin-top:1.5rem}.file-details{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.file-details span{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.file-details i{color:var(--primary)}.tool-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.setting-group{display:flex;flex-direction:column;gap:.75rem}.setting-group label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-size:.95rem}.setting-group label i{color:var(--primary);width:16px}.comparison-section{display:flex;flex-direction:column;gap:1.5rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.comparison-item{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-md);overflow:hidden}.comparison-header{background:var(--bg-secondary);padding:.75rem 1rem;font-weight:600;color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-light)}.comparison-image{width:100%;height:200px;object-fit:contain;padding:1rem;background:var(--bg-primary)}.file-stats{padding:1rem;text-align:center;border-top:1px solid var(--border-light);font-size:.85rem;color:var(--text-secondary)}.savings-card{background:var(--gradient-primary);color:#fff;border-radius:var(--border-radius-lg);padding:1.5rem;text-align:center;display:flex;align-items:center;gap:1rem}.savings-icon i{font-size:2rem}.savings-content{flex:1}.savings-percent{font-size:2rem;font-weight:700;line-height:1}.savings-text{font-size:.9rem;opacity:.9;margin:.25rem 0}.savings-size{font-size:.85rem;opacity:.8}.processing{opacity:.7;pointer-events:none}.loading-spinner{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.loading-state,.error-state{text-align:center;padding:2rem;color:var(--text-muted)}.loading-state i,.error-state i{font-size:2rem;margin-bottom:1rem;opacity:.5}.error-state i{color:var(--error)}.uploaded-info{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:1.5rem;margin:1rem 0}.file-preview{display:flex;gap:1.5rem;align-items:flex-start}.file-preview img{width:120px;height:120px;object-fit:cover;border-radius:var(--border-radius-md);border:1px solid var(--border-light)}.file-details p{margin:.5rem 0;color:var(--text-secondary)}.file-details strong{color:var(--text-primary)}.clearing,.pasting{opacity:.7;transition:var(--transition-normal)}@media (max-width:768px){.word-counter-stats{grid-template-columns:repeat(2,1fr)}.comparison-grid{grid-template-columns:1fr}.file-preview{flex-direction:column;text-align:center}.file-preview img{width:100%;max-width:200px;margin:0 auto}.qr-info-grid{grid-template-columns:1fr}.tool-settings{grid-template-columns:1fr}.savings-card{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width:480px){.word-counter-stats{grid-template-columns:1fr}.action-buttons-row{flex-direction:column}.action-buttons-row button{width:100%}.file-details{flex-direction:column;align-items:center;text-align:center}}.input-group{margin-bottom:2rem}#wordCounterInput{background:var(--bg-glass);border:2px solid var(--border-light);border-radius:var(--border-radius-lg);padding:1.5rem;color:var(--text-primary);font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:1.05rem;line-height:1.7;transition:all 0.3s cubic-bezier(.4,0,.2,1);width:100%;resize:vertical;min-height:280px;backdrop-filter:var(--blur-sm);box-shadow:var(--shadow-sm)}#wordCounterInput::placeholder{color:var(--text-muted);opacity:.7}#wordCounterInput:focus{outline:none;border-color:var(--primary);background:var(--bg-hover);box-shadow:0 0 0 4px rgb(99 102 241 / .15),var(--shadow-md);transform:translateY(-2px)}#wordCounterInput.focused{border-color:var(--primary);background:var(--bg-hover)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2.5rem 0}.stat-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:1.8rem 1.2rem;text-align:center;transition:all 0.3s cubic-bezier(.4,0,.2,1);backdrop-filter:var(--blur-md);position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-glass);transition:var(--transition-slow);z-index:-1}.stat-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.stat-card:hover::before{left:0}.stat-number{font-size:2.5rem;font-weight:800;color:var(--primary);margin-bottom:.8rem;transition:var(--transition-normal);line-height:1;text-shadow:0 2px 4px rgb(0 0 0 / .1)}.stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.stat-updated{animation:statPulse 0.6s cubic-bezier(.4,0,.2,1)}@keyframes statPulse{0%{transform:scale(1);color:var(--primary)}25%{transform:scale(1.2);color:var(--primary-light)}50%{transform:scale(1.1);color:var(--secondary)}100%{transform:scale(1);color:var(--primary)}}.action-buttons{display:flex;gap:1rem;margin:2rem 0;flex-wrap:wrap;justify-content:center}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:2px solid var(--border-light);padding:1rem 1.8rem;border-radius:var(--border-radius-md);font-weight:600;transition:all 0.3s cubic-bezier(.4,0,.2,1);flex:1;min-width:140px;max-width:200px;backdrop-filter:var(--blur-sm)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn-secondary:active{transform:translateY(-1px)}button.processing{opacity:.7;pointer-events:none;position:relative}button.processing::after{content:'...';margin-left:.5rem;animation:processingDots 1.5s infinite}@keyframes processingDots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}.clearing,.pasting{opacity:.7;transition:var(--transition-normal)}.tool-container{background:var(--bg-glass);backdrop-filter:var(--blur-md);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:2.5rem;margin:2rem 0;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.tool-container:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg)}.how-to-use-simple{margin-top:3rem;padding:2rem;background:var(--bg-glass);border-radius:var(--border-radius-lg);border:1px solid var(--border-light);backdrop-filter:var(--blur-sm)}.how-to-use-simple h3{margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.8rem;font-size:1.3rem}.how-to-use-simple h3 i{color:var(--primary);font-size:1.2rem}.how-to-use-simple ul{margin:0;padding-left:1.5rem;list-style:none}.how-to-use-simple li{margin-bottom:1rem;color:var(--text-secondary);line-height:1.6;padding-left:1.5rem;position:relative}.how-to-use-simple li::before{content:'✓';position:absolute;left:0;color:var(--success);font-weight:700}.how-to-use-simple strong{color:var(--text-primary);font-weight:600}.usage-tips{margin-top:1.5rem;padding:1.2rem;background:rgb(245 158 11 / .1);border-radius:var(--border-radius-md);border-left:4px solid var(--warning)}.usage-tips p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.usage-tips strong{color:var(--warning)}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem 1rem}.stat-number{font-size:2rem}.action-buttons{flex-direction:column;align-items:stretch}.btn-secondary{max-width:none}.tool-container{padding:1.5rem;margin:1rem 0}.how-to-use-simple{padding:1.5rem;margin-top:2rem}#wordCounterInput{min-height:200px;padding:1.2rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-number{font-size:1.8rem}.how-to-use-simple{padding:1.2rem}.how-to-use-simple li{padding-left:1.2rem;font-size:.9rem}}#wordCounterInput:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}#wordCounterInput.clearing{animation:fadeOut 0.3s ease}@keyframes fadeOut{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}