@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--bg-primary:#0a0e17;--bg-secondary:#0f1520;--bg-tertiary:#141c2b;--bg-card:#141c2bb3;--bg-card-solid:#141c2b;--accent-primary:#00d4ff;--accent-secondary:#7c3aed;--accent-tertiary:#06b6d4;--accent-glow:#00d4ff80;--accent-gradient:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);--accent-gradient-reverse:linear-gradient(135deg,#7c3aed,#00d4ff);--text-primary:#f0f4f8;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#00d4ff;--success:#10b981;--success-glow:#10b98166;--warning:#f59e0b;--warning-glow:#f59e0b66;--danger:#ef4444;--danger-glow:#ef444466;--border-color:#94a3b81a;--border-accent:#00d4ff4d;--border-glow:#00d4ff80;--glass-bg:#0f1520cc;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0006;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-xl:0 16px 64px #0009;--shadow-glow:0 0 40px var(--accent-glow);--shadow-glow-sm:0 0 20px var(--accent-glow);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:150ms var(--ease-out-expo);--transition-normal:300ms var(--ease-out-expo);--transition-slow:500ms var(--ease-out-expo);--transition-slower:800ms var(--ease-out-expo);--font-display:"Outfit",sans-serif;--font-mono:"JetBrains Mono",monospace;--header-height:80px;--container-max:1400px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-card:#ffffffe6;--bg-card-solid:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#0f172a1a;--glass-bg:#fffc;--glass-border:#0f172a14;--glass-shadow:0 8px 32px #0f172a1a;--shadow-sm:0 2px 8px #0f172a14;--shadow-md:0 4px 20px #0f172a1a;--shadow-lg:0 8px 40px #0f172a1f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:after,:before{pointer-events:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#0a0e17;background:var(--bg-primary);color:#f0f4f8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{animation:bgPulse 20s ease-in-out infinite;background:radial-gradient(ellipse 80% 50% at 20% -20%,#00d4ff26,#0000),radial-gradient(ellipse 60% 40% at 80% 120%,#7c3aed26,#0000),radial-gradient(ellipse 40% 30% at 50% 50%,#06b6d40d,#0000);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.7}}body:after{background-image:linear-gradient(#00d4ff08 1px,#0000 0),linear-gradient(90deg,#00d4ff08 1px,#0000 0);background-size:60px 60px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.app{display:flex;flex-direction:column;min-height:100vh}.app-container{flex:1 1;padding-top:80px;padding-top:var(--header-height);position:relative}.navbar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0f1520cc;background:var(--glass-bg);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);height:80px;height:var(--header-height);left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal);z-index:1000}.navbar:before{background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);bottom:0;content:"";height:1px;left:0;opacity:.5;pointer-events:none;position:absolute;right:0}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;max-width:var(--container-max);padding:0 32px}.navbar-logo a{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-weight:800;gap:8px;letter-spacing:-.02em;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal)}.navbar-logo a:hover{filter:brightness(1.2);transform:scale(1.02)}.navbar-links{align-items:center;display:flex;gap:8px}.nav-link{background:#0000;border:1px solid #0000;border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal)}.nav-link:before{background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s cubic-bezier(.16,1,.3,1);transition:opacity var(--transition-normal);z-index:-1}.nav-link:hover{border-color:#00d4ff4d;border-color:var(--border-accent);color:#f0f4f8;color:var(--text-primary);transform:translateY(-2px)}.nav-link:hover:before{opacity:.1}.nav-link.active{background:#00d4ff1a;border-color:#00d4ff4d;border-color:var(--border-accent);box-shadow:0 0 20px #00d4ff80;box-shadow:var(--shadow-glow-sm);color:#00d4ff;color:var(--accent-primary)}.theme-toggle{align-items:center;background:#141c2b;background:var(--bg-tertiary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;margin-left:8px;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal);width:44px}.theme-toggle:hover{background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);border-color:#0000;box-shadow:0 0 20px #00d4ff80;box-shadow:var(--shadow-glow-sm);color:#fff;transform:rotate(180deg) scale(1.1)}.burger{background:#141c2b;background:var(--bg-tertiary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#f0f4f8;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;height:44px;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--transition-fast);width:44px}.burger:hover{background:#00d4ff;background:var(--accent-primary);color:#0a0e17;color:var(--bg-primary)}@media (max-width:768px){.burger{align-items:center;display:flex;justify-content:center}.navbar-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1520cc;background:var(--glass-bg);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;left:0;opacity:0;padding:20px;pointer-events:none;position:fixed;right:0;top:80px;top:var(--header-height);transform:translateY(-100%);transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal)}.navbar-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{text-align:center;width:100%}.theme-toggle{margin:8px 0 0}}.tool-page{animation:pageReveal .8s cubic-bezier(.16,1,.3,1);animation:pageReveal .8s var(--ease-out-expo);margin:0 auto;max-width:900px;padding:60px 24px 100px}@keyframes pageReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:48px;position:relative;text-align:center}.page-header:before{animation:heroGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);border-radius:50%;content:"";filter:blur(60px);height:120px;left:50%;opacity:.4;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:120px}@keyframes heroGlow{0%,to{opacity:.4;transform:translateX(-50%) scale(1)}50%{opacity:.6;transform:translateX(-50%) scale(1.2)}}.tool-page h1{-webkit-text-fill-color:#0000;animation:titleReveal 1s cubic-bezier(.16,1,.3,1) .2s both;animation:titleReveal 1s var(--ease-out-expo) .2s both;background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px;position:relative}@keyframes titleReveal{0%{filter:blur(10px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.tool-page .subtitle{animation:subtitleReveal 1s cubic-bezier(.16,1,.3,1) .4s both;animation:subtitleReveal 1s var(--ease-out-expo) .4s both;color:#94a3b8;color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0 auto;max-width:600px}@keyframes subtitleReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.tool-card{animation:cardReveal 1s cubic-bezier(.16,1,.3,1) .5s both;animation:cardReveal 1s var(--ease-out-expo) .5s both;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0f1520cc;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:36px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0006;box-shadow:var(--glass-shadow);overflow:hidden;padding:40px;position:relative}@keyframes cardReveal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tool-card:before{background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);border-radius:36px;border-radius:var(--radius-2xl);content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;padding:1px;pointer-events:none;position:absolute;transition:opacity .3s cubic-bezier(.16,1,.3,1);transition:opacity var(--transition-normal)}.tool-card:hover:before{opacity:.6}.tool-card:after{background:radial-gradient(circle at top right,#00d4ff80,#0000 70%);background:radial-gradient(circle at top right,var(--accent-glow),#0000 70%);content:"";height:200px;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;width:200px}.form-group{margin-bottom:24px}.form-group label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background:#141c2b;background:var(--bg-tertiary);border:2px solid #94a3b81a;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);color:#f0f4f8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:1rem;outline:none;padding:16px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal);width:100%}input:focus,select:focus,textarea:focus{background:#0f1520;background:var(--bg-secondary);border-color:#00d4ff;border-color:var(--accent-primary);box-shadow:0 0 0 4px #00d4ff80;box-shadow:0 0 0 4px var(--accent-glow)}input::placeholder,textarea::placeholder{color:#64748b;color:var(--text-muted)}.btn,button{font-family:Outfit,sans-serif;font-family:var(--font-display);font-weight:600}.btn,.btn-primary,.upload-button,button{cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal)}.btn-primary,.upload-button{align-items:center;background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#0a0e17;color:var(--bg-primary);display:inline-flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:.05em;overflow:hidden;padding:18px 36px;position:relative;text-transform:uppercase}.btn-primary:before,.upload-button:before{background:linear-gradient(135deg,#ffffff4d,#0000 50%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s cubic-bezier(.16,1,.3,1);transition:opacity var(--transition-normal)}.btn-primary:hover,.upload-button:hover{box-shadow:0 0 40px #00d4ff80,0 8px 40px #00000080;box-shadow:var(--shadow-glow),var(--shadow-lg);transform:translateY(-3px)}.btn-primary:hover:before,.upload-button:hover:before{opacity:1}.btn-primary:active,.upload-button:active{transform:translateY(-1px)}.btn-primary:disabled,.upload-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#141c2b;background:var(--bg-tertiary);border:2px solid #94a3b81a;border:2px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#f0f4f8;color:var(--text-primary);font-size:.95rem;padding:14px 28px}.btn-secondary:hover{background:#00d4ff1a;border-color:#00d4ff;border-color:var(--accent-primary)}.btn-outline,.btn-secondary:hover{color:#00d4ff;color:var(--accent-primary)}.btn-outline{background:#0000;border:2px solid #00d4ff;border:2px solid var(--accent-primary);border-radius:9999px;border-radius:var(--radius-full);font-size:.95rem;padding:14px 28px}.btn-outline:hover{background:#00d4ff;background:var(--accent-primary);box-shadow:0 0 20px #00d4ff80;box-shadow:var(--shadow-glow-sm);color:#0a0e17;color:var(--bg-primary)}.dropzone{background:#00d4ff05;border:2px dashed #94a3b81a;border:2px dashed var(--border-color);border-radius:28px;border-radius:var(--radius-xl);cursor:pointer;margin:20px 0;overflow:hidden;padding:48px 32px;position:relative;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal)}.dropzone:before{background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s cubic-bezier(.16,1,.3,1);transition:opacity var(--transition-normal)}.dropzone.dragover,.dropzone:hover{background:#00d4ff0d;border-color:#00d4ff;border-color:var(--accent-primary);border-style:solid}.dropzone.dragover:before,.dropzone:hover:before{opacity:.05}.dropzone-icon{filter:grayscale(.3);font-size:4rem;margin-bottom:16px;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal)}.dropzone:hover .dropzone-icon{filter:grayscale(0);transform:scale(1.1)}.dropzone-text{color:#94a3b8;color:var(--text-secondary);font-size:1.125rem;margin-bottom:20px}.button-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.action-button{align-items:center;background:#0f1520;background:var(--bg-secondary);border:2px solid #94a3b81a;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);color:#f0f4f8;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal)}.action-button:hover{background:#00d4ff1a;border-color:#00d4ff;border-color:var(--accent-primary);box-shadow:0 4px 20px #0006;box-shadow:var(--shadow-md);color:#00d4ff;color:var(--accent-primary);transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-button .button-icon{font-size:1.25rem}.action-button .button-text{white-space:nowrap}.select-files-button:hover{border-color:#00d4ff;border-color:var(--accent-primary)}.select-dir-button:hover{border-color:#7c3aed;border-color:var(--accent-secondary)}.password-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.password-row{align-items:center;display:flex;flex:1 1;gap:8px;min-width:250px}.password-row input{flex:1 1;margin-bottom:0}.inline-btn{align-items:center;background:#141c2b;background:var(--bg-tertiary);border:2px solid #94a3b81a;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:52px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal);width:52px}.inline-btn:hover{background:#00d4ff1a;border-color:#00d4ff;border-color:var(--accent-primary);color:#00d4ff;color:var(--accent-primary);transform:scale(1.05)}.inline-btn.generate-btn{background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);border:none;color:#0a0e17;color:var(--bg-primary)}.inline-btn.generate-btn:hover{box-shadow:0 0 20px #00d4ff80;box-shadow:var(--shadow-glow-sm);transform:scale(1.1)}.password-strength{margin-top:12px}.strength-bar{background:#141c2b;background:var(--bg-tertiary);height:4px;margin-bottom:8px;overflow:hidden}.strength-bar,.strength-fill{border-radius:9999px;border-radius:var(--radius-full)}.strength-fill{height:100%;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal)}.strength-fill.very-weak{background:#ef4444;background:var(--danger);width:20%}.strength-fill.weak{background:#f97316;width:40%}.strength-fill.medium{background:#f59e0b;background:var(--warning);width:60%}.strength-fill.good{background:#84cc16;width:80%}.strength-fill.strong{background:#10b981;background:var(--success);width:100%}.strength-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.strength-label.very-weak{color:#ef4444;color:var(--danger)}.strength-label.weak{color:#f97316}.strength-label.medium{color:#f59e0b;color:var(--warning)}.strength-label.good{color:#84cc16}.strength-label.strong{color:#10b981;color:var(--success)}.password-generator{animation:slideDown .4s cubic-bezier(.16,1,.3,1);animation:slideDown .4s var(--ease-out-expo);background:#141c2b;background:var(--bg-tertiary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:28px;border-radius:var(--radius-xl);margin-top:20px;padding:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.generator-header label{align-items:center;color:#f0f4f8;color:var(--text-primary);display:flex;font-weight:600;justify-content:space-between;margin-bottom:16px}.generator-options{display:flex;flex-wrap:wrap;gap:12px}.generator-option{align-items:center;background:#0f1520;background:var(--bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:10px 16px;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--transition-fast)}.generator-option:hover{border-color:#00d4ff;border-color:var(--accent-primary)}.generator-option input[type=checkbox]{accent-color:#00d4ff;accent-color:var(--accent-primary);height:18px;width:18px}.selected-files{margin:24px 0}.selected-files h3{font-size:1rem;font-weight:600;gap:8px}.selected-files h3,.size-indicator{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;margin-bottom:16px}.size-indicator{background:#141c2b;background:var(--bg-tertiary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;gap:12px;padding:12px 16px}.size-indicator.size-warning{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--warning);color:#f59e0b;color:var(--warning)}.size-indicator.size-error{background:#ef44441a;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.file-list{border-radius:20px;border-radius:var(--radius-lg);list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.file-list::-webkit-scrollbar{width:6px}.file-list::-webkit-scrollbar-track{background:#141c2b;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full)}.file-list::-webkit-scrollbar-thumb{background:#94a3b81a;background:var(--border-color);border-radius:9999px;border-radius:var(--radius-full)}.file-item{align-items:center;animation:listItemReveal .4s cubic-bezier(.16,1,.3,1) both;animation:listItemReveal .4s var(--ease-out-expo) both;background:#141c2b;background:var(--bg-tertiary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:8px;padding:14px 18px;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--transition-fast)}@keyframes listItemReveal{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.file-item:hover{background:#00d4ff0d;border-color:#00d4ff;border-color:var(--accent-primary);transform:translateX(4px)}.directory-name,.file-name{color:#f0f4f8;color:var(--text-primary);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-count,.file-size{color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem}.progress-container{animation:fadeIn .4s cubic-bezier(.16,1,.3,1);animation:fadeIn .4s var(--ease-out-expo);margin:24px 0}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-label{color:#f0f4f8;color:var(--text-primary);font-weight:600}.progress-percentage{color:#00d4ff;color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-weight:600}.progress-bar{background:#141c2b;background:var(--bg-tertiary);height:8px}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#06b6d4);background:var(--accent-gradient);height:100%;transition:width .3s cubic-bezier(.16,1,.3,1);transition:width .3s var(--ease-out-expo)}.progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.options-section{background:#141c2b;background:var(--bg-tertiary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:28px;border-radius:var(--radius-xl);margin:24px 0;padding:24px}.options-section h3{color:#94a3b8;color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase}.checkbox-option{align-items:center;background:#0f1520;background:var(--bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:14px;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--transition-fast)}.checkbox-option:hover{border-color:#00d4ff;border-color:var(--accent-primary)}.checkbox-option input[type=checkbox]{accent-color:#00d4ff;accent-color:var(--accent-primary);height:20px;width:20px}.checkbox-option span{color:#f0f4f8;color:var(--text-primary);font-weight:500}.compression-selector{display:flex;flex-wrap:wrap;gap:12px}.compression-option{background:#0f1520;background:var(--bg-secondary);border:2px solid #94a3b81a;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;min-width:100px;padding:16px;text-align:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--transition-fast)}.compression-option.active,.compression-option:hover{border-color:#00d4ff;border-color:var(--accent-primary)}.compression-option.active{background:#00d4ff1a}.compression-option .level{color:#00d4ff;color:var(--accent-primary);font-size:1.5rem;font-weight:700;margin-bottom:4px}.compression-option .label{color:#64748b;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.readme-section{margin-top:20px}.readme-section textarea{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.875rem;min-height:120px;resize:vertical}.extracted-files{margin:24px 0}.extracted-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.extracted-item{background:#141c2b;background:var(--bg-tertiary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;padding:20px;text-align:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--transition-fast)}.extracted-item:hover{border-color:#00d4ff;border-color:var(--accent-primary);box-shadow:0 4px 20px #0006;box-shadow:var(--shadow-md);transform:translateY(-4px)}.extracted-item .icon{font-size:2.5rem;margin-bottom:12px}.extracted-item .name{color:#f0f4f8;color:var(--text-primary);font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extracted-item .size{color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem}.download-actions{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:24px}.download-action{background:#141c2b;background:var(--bg-tertiary);border:2px solid #94a3b81a;border:2px solid var(--border-color);border-radius:28px;border-radius:var(--radius-xl);cursor:pointer;flex:1 1;min-width:200px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal)}.download-action:hover{background:#00d4ff0d;border-color:#00d4ff;border-color:var(--accent-primary);transform:translateY(-4px)}.download-action .icon{font-size:2rem;margin-bottom:12px}.download-action .title{color:#f0f4f8;color:var(--text-primary);font-weight:600;margin-bottom:4px}.download-action .desc{color:#64748b;color:var(--text-muted);font-size:.8rem}.error-message,.input-error-message{align-items:center;animation:shake .5s cubic-bezier(.16,1,.3,1);animation:shake .5s var(--ease-out-expo);background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--danger);border-radius:20px;border-radius:var(--radius-lg);color:#ef4444;color:var(--danger);display:flex;font-weight:500;gap:10px;margin:16px 0;padding:16px 20px}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.success-message{align-items:center;background:#10b9811a;border:1px solid #10b981;border:1px solid var(--success);border-radius:20px;border-radius:var(--radius-lg);color:#10b981;color:var(--success);display:flex;font-weight:500;gap:10px;margin:16px 0;padding:16px 20px}.security-note{background:linear-gradient(135deg,#00d4ff0d,#7c3aed0d);border:1px solid #00d4ff4d;border:1px solid var(--border-accent);border-radius:28px;border-radius:var(--radius-xl);margin-top:32px;overflow:hidden;padding:24px;position:relative}.security-note:before{content:"🛡️";font-size:6rem;opacity:.1;pointer-events:none;position:absolute;right:-20px;top:-20px}.security-note h4{align-items:center;color:#00d4ff;color:var(--accent-primary);display:flex;font-size:1rem;font-weight:700;gap:10px;margin-bottom:12px}.security-note p{color:#94a3b8;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.security-note ul{margin-top:12px;padding-left:20px}.security-note li{color:#94a3b8;color:var(--text-secondary);font-size:.875rem;margin-bottom:8px}.modal{align-items:center;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.modal-overlay{animation:overlayFade .3s cubic-bezier(.16,1,.3,1);animation:overlayFade .3s var(--ease-out-expo);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e17e6;inset:0;position:absolute}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlide .4s cubic-bezier(.34,1.56,.64,1);animation:modalSlide .4s var(--ease-out-back);background:#141c2b;background:var(--bg-card-solid);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:36px;border-radius:var(--radius-2xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:100%;z-index:1}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{align-items:center;background:#141c2b;background:var(--bg-tertiary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--transition-fast);width:36px}.modal-close:hover{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff;transform:rotate(90deg)}.modal-content h2{color:#f0f4f8;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:20px;padding-right:40px}.modal-content p{color:#94a3b8;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.form-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.form-actions .upload-button{flex:1 1;min-width:200px}.text-center{text-align:center}.text-muted{color:#64748b;color:var(--text-muted)}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #94a3b81a;border-top-color:#00d4ff;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:40px;width:40px}@media (max-width:640px){.tool-page{padding:40px 16px 80px}.tool-card{border-radius:28px;border-radius:var(--radius-xl);padding:24px}.page-header{margin-bottom:32px}.tool-page h1{font-size:2rem}.form-actions{flex-direction:column}.btn-primary,.upload-button{width:100%}.password-controls{flex-direction:column}.password-row{width:100%}.compression-selector,.download-actions{flex-direction:column}}.crypto-addresses{margin-top:20px}.crypto-item{background:#141c2b;background:var(--bg-tertiary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);margin-bottom:16px;padding:16px}.crypto-item label{color:#f0f4f8;color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.crypto-item code{background:#0f1520;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;padding:12px;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--transition-fast);word-break:break-all}.crypto-item code:hover{background:#00d4ff1a;color:#00d4ff;color:var(--accent-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0f1520;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#94a3b81a;background:var(--border-color);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}::selection{background:#00d4ff;background:var(--accent-primary);color:#0a0e17;color:var(--bg-primary)}:focus-visible{outline:2px solid #00d4ff;outline:2px solid var(--accent-primary);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid #00d4ff;outline:2px solid var(--accent-primary);outline-offset:2px}
/*# sourceMappingURL=main.ca888a0d.css.map*/