:root{--bg-dark: #0f172a;--surface: rgba(30, 41, 59, .7);--surface-border: rgba(255, 255, 255, .1);--primary: #8b5cf6;--primary-hover: #7c3aed;--gradient-1: #c026d3;--gradient-2: #8b5cf6;--gradient-3: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--success: #10b981;--error: #ef4444;--orange-accent: #f97316}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;position:relative}#root{width:100%}.blob{position:absolute;filter:blur(100px);z-index:-1;opacity:.6;border-radius:50%;animation:float 20s infinite alternate cubic-bezier(.5,0,.5,1)}.blob-1{width:500px;height:500px;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));top:-10%;left:-10%}.blob-2{width:400px;height:400px;background:linear-gradient(135deg,var(--gradient-2),var(--gradient-3));bottom:-10%;right:-5%;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.2)}}.container{width:100%;max-width:800px;padding:2rem;z-index:1}header{text-align:center;margin-bottom:2rem}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.25rem;margin-bottom:.85rem;background:linear-gradient(to right,var(--gradient-1),var(--gradient-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.logo i{color:var(--gradient-2);-webkit-text-fill-color:initial}header h1{font-size:2.8rem;line-height:1.05;margin-bottom:1rem}.subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin:0 auto;line-height:1.6;transition:opacity .3s ease}.mode-switcher{display:flex;background:var(--surface);border:1px solid var(--surface-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:5px;margin-bottom:2rem;position:relative;overflow:hidden}.mode-tab{flex:1;padding:.85rem .9rem;border:none;background:transparent;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;z-index:1;position:relative;transition:color .3s ease}.mode-tab:hover,.mode-tab.active{color:var(--text-primary)}.mode-indicator{position:absolute;height:calc(100% - 10px);width:calc((100% - 10px)/5);top:5px;left:5px;background:linear-gradient(135deg,#8b5cf640,#3b82f626);border:1px solid rgba(139,92,246,.3);border-radius:12px;transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:0}.mode-indicator.slide-one{transform:translate(100%)}.mode-indicator.slide-two{transform:translate(200%)}.mode-indicator.slide-three{transform:translate(300%)}.mode-indicator.slide-four{transform:translate(400%)}.mode-tab i{font-size:1.2rem}.upload-area{background:var(--surface);border:2px dashed var(--surface-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;padding:4rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#ffffff0d,#fff0);pointer-events:none}.upload-area.dragover{border-color:var(--primary);background:#8b5cf61a;transform:scale(1.02)}.upload-icon{font-size:5rem;color:var(--primary);margin-bottom:1rem;transition:transform .3s ease}.upload-area:hover .upload-icon{transform:translateY(-10px)}.upload-area h2{font-size:1.5rem;margin-bottom:.5rem}.upload-area p{color:var(--text-secondary);margin-bottom:1.5rem}.supported-formats{font-size:.85rem;margin-top:1.5rem;margin-bottom:0!important}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--gradient-3));color:#fff;border:none;padding:.8rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:Outfit,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf64d}.target-panel{background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:1rem;margin-bottom:1rem;display:grid;grid-template-columns:minmax(130px,auto) minmax(180px,1fr);gap:.75rem 1rem;align-items:center}.target-panel label{font-weight:700}.target-panel select{width:100%;background:#0f172ae6;color:var(--text-primary);border:1px solid var(--surface-border);border-radius:10px;padding:.75rem .9rem;font-family:inherit;font-size:1rem;font-weight:600}.target-panel p{grid-column:1 / -1;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.file-list{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.file-item{background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-info{display:flex;align-items:center;gap:1rem;flex:1}.file-icon{font-size:2rem;color:var(--gradient-3)}.file-details h4{font-size:1rem;margin-bottom:.25rem;word-break:break-all}.file-details .status{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.loader{width:14px;height:14px;border:2px solid var(--text-secondary);border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status.success{color:var(--success)}.status.error{color:var(--error)}.file-actions{min-width:120px;display:flex;justify-content:flex-end}.btn-download{background:#ffffff1a;color:#fff;border:1px solid var(--surface-border);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;font-family:inherit}.btn-download:hover{background:var(--success);border-color:var(--success)}.btn-download:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d}.hidden{display:none!important}#batchProgressContainer{background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:1.5rem;margin-bottom:2rem;animation:slideUp .4s ease}.progress-details{display:flex;justify-content:space-between;margin-bottom:.8rem;font-weight:600}.progress-bar-bg{background:#ffffff1a;height:10px;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gradient-3),var(--primary));width:0%;transition:width .3s ease;border-radius:5px}#downloadCenter{animation:slideUp .5s ease}.download-hero{background:linear-gradient(135deg,#8b5cf61a,#c026d31a);border:1px solid var(--primary);border-radius:20px;padding:3rem 2rem;text-align:center;margin-bottom:2rem}.download-hero.failed{background:linear-gradient(135deg,#ef44441f,#8b5cf614);border-color:#ef444473}.download-hero>i{font-size:5rem;margin-bottom:1rem}.download-hero i.bxs-check-shield{color:var(--success)}.download-hero i.bx-error-circle{color:var(--error)}.btn-massive{font-size:1.25rem;padding:1.2rem 3rem;margin-top:1.5rem;border-radius:16px;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 10px 30px #c026d34d}.btn-massive i{font-size:1.5rem}.download-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--surface-border);padding-bottom:.5rem}.btn-text{background:none;border:none;color:var(--primary);font-size:1rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600}.btn-text:hover{color:var(--gradient-1)}body.mode-documents .mode-indicator{background:linear-gradient(135deg,#14b8a633,#3b82f61f);border-color:#14b8a64d}body.mode-documents .upload-area.dragover{border-color:#14b8a6;background:#14b8a61a}body.mode-documents .upload-icon{color:#14b8a6}body.mode-documents .progress-fill{background:linear-gradient(90deg,#14b8a6,var(--gradient-3))}body.mode-pdf-tools .mode-indicator{background:linear-gradient(135deg,#3b82f638,#10b9811f);border-color:#3b82f657}body.mode-pdf-tools .upload-area.dragover{border-color:var(--gradient-3);background:#3b82f61a}body.mode-pdf-tools .upload-icon{color:var(--gradient-3)}body.mode-pdf-tools .progress-fill{background:linear-gradient(90deg,var(--gradient-3),var(--success))}body.mode-pptx-png .mode-indicator{background:linear-gradient(135deg,#f9731633,#ea580c1a);border-color:#f973164d}body.mode-pptx-png .upload-area.dragover{border-color:var(--orange-accent);background:#f973161a}body.mode-pptx-png .upload-icon{color:var(--orange-accent)}body.mode-pptx-png .progress-fill{background:linear-gradient(90deg,var(--orange-accent),#ea580c)}body.mode-image .mode-indicator{background:linear-gradient(135deg,#10b98133,#3b82f61f);border-color:#10b9814d}body.mode-image .upload-area.dragover{border-color:var(--success);background:#10b9811a}body.mode-image .upload-icon{color:var(--success)}body.mode-image .progress-fill{background:linear-gradient(90deg,var(--success),var(--gradient-3))}@media(max-width:720px){header h1{font-size:2.1rem}.mode-tab{padding:.75rem .5rem;font-size:.85rem}.target-panel{grid-template-columns:1fr}}