@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&display=swap);:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0a0a0a;--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#6b6b6b;--primary-color:oklch(0.68 0.23 42.68);--secondary-color:#c1530d;--accent-color:#ea580c;--primary-gradient:linear-gradient(135deg,oklch(0.68 0.23 42.68),#c1530d);--hero-gradient:radial-gradient(circle at 50% 0%,#ea580c26 0%,#0000 50%);--border-color:#ffffff1a;--hover-bg:#ea580c1a;--glass-bg:#0a0a0af2;--card-bg:#0a0a0a80;--nav-bg:#000c;--nav-bg-scrolled:#000000f2;--footer-bg:#000;--hero-bg:#000;--section-bg:#050505;--icon-bg:#ea580c26;--icon-gradient-bg:linear-gradient(135deg,#ea580c33,#c1530d33);--badge-bg:#ea580c26;--featured-card-bg:linear-gradient(135deg,#ea580c1a,#c1530d1a);--shadow-color:#00000080;--card-shadow:#ea580c33;--primary-shadow:#ea580c66}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#000;--text-secondary:#4a4a4a;--text-tertiary:#7a7a7a;--primary-color:oklch(0.68 0.23 42.68);--secondary-color:#c1530d;--accent-color:#ea580c;--primary-gradient:linear-gradient(135deg,oklch(0.68 0.23 42.68),#c1530d);--hero-gradient:radial-gradient(circle at 50% 0%,#ea580c0d 0%,#0000 50%);--border-color:#0000001a;--hover-bg:#ea580c0d;--glass-bg:#fffffff2;--card-bg:#fff9;--nav-bg:#fffc;--nav-bg-scrolled:#fffffff2;--footer-bg:#f5f5f5;--hero-bg:linear-gradient(180deg,#fff,#f5f5f5);--section-bg:#fafafa;--icon-bg:#ea580c1a;--icon-gradient-bg:linear-gradient(135deg,#ea580c1f,#c1530d1f);--badge-bg:#ea580c1a;--featured-card-bg:linear-gradient(135deg,#ea580c0f,#c1530d0f);--shadow-color:#00000014;--card-shadow:#ea580c26;--primary-shadow:#ea580c4d}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border:3px solid var(--bg-secondary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in-up{animation:fadeInUp .6s ease forwards}.fade-in{animation:fadeIn .6s ease forwards}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.section{padding:6rem 0}@media (max-width:640px){.container{padding:0 1.25rem}.section{padding:4rem 0}}.animated-logo-badge{flex-shrink:0;position:relative}.animated-logo-badge,.animated-logo-core{align-items:center;display:flex;justify-content:center}.animated-logo-core{background:#121114;border-radius:50%;box-shadow:inset 0 2px 6px #0009,inset 0 -2px 4px #ffffff08;inset:3.5px;position:absolute;z-index:1}[data-theme=light] .animated-logo-core{background:#f8f8f8;box-shadow:inset 0 2px 6px #00000014,inset 0 -2px 4px #fffc}.animated-logo-ring{background:conic-gradient(from 90deg,#0000 0deg,#f9741c 50deg,#0000 100deg,#0000 1turn);border-radius:50%;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px));position:absolute;z-index:2}.animated-logo-ring-inner{border:1.2px solid #f9741c59;border-radius:50%;inset:3px;pointer-events:none;position:absolute;z-index:3}.animated-logo-svg{position:relative;z-index:4}.navbar{left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar.scrolled{padding:.75rem 2rem}.navbar-container{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a0a0a66;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 30px #0000001a;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem;transition:all .5s cubic-bezier(.4,0,.2,1)}[data-theme=light] .navbar-container{background:#fff6;border:1px solid #00000014;box-shadow:0 4px 30px #0000000d}.navbar.scrolled .navbar-container{backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);background:#0a0a0ab3;border-color:#ffffff1f;box-shadow:0 8px 40px #0003;padding:.875rem 2rem}[data-theme=light] .navbar.scrolled .navbar-container{background:#ffffffb3;border-color:#0000001f;box-shadow:0 8px 40px #00000014}.navbar-logo{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.875rem;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1001}.navbar-logo:hover{transform:translateY(-1px)}.logo-icon{justify-content:center}.logo-icon,.logo-text{align-items:center;display:flex}.logo-text{font-weight:700;gap:.35rem;white-space:nowrap}.logo-text-white{color:var(--text-primary)}.logo-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text}.navbar-desktop{gap:2rem}.nav-links,.navbar-desktop{align-items:center;display:flex}.nav-links{gap:.5rem}.nav-link,.nav-link-dropdown{position:relative}.nav-link{align-items:center;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:#ffffff0d;color:var(--text-primary);transform:translateY(-1px)}[data-theme=light] .nav-link:hover{background:#00000008}.nav-link.active{color:var(--primary-color)}.dropdown-menu{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#0a0a0ab3;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 8px 32px #0000004d;min-width:220px;z-index:1000}[data-theme=light] .dropdown-menu{background:#ffffffb3;border:1px solid #0000001a;box-shadow:0 8px 32px #0000001a}.dropdown-item-wrapper{position:relative}.dropdown-item{border-radius:10px;font-size:.95rem;justify-content:space-between;transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-item:hover{background:#ffffff14;transform:translateX(2px)}[data-theme=light] .dropdown-item:hover{background:#0000000d}.dropdown-item.view-all{color:var(--primary-color);font-weight:600;text-align:center}.dropdown-item.has-submenu{padding-right:.75rem}.chevron-icon{font-size:1rem;transition:transform .2s ease}.dropdown-item:hover .chevron-icon{transform:translateX(3px)}.sub-dropdown-menu{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#0a0a0ab3;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 8px 32px #0000004d;left:calc(100% + .5rem);min-width:180px;padding:.5rem;position:absolute;top:0;z-index:1001}[data-theme=light] .sub-dropdown-menu{background:#ffffffb3;border:1px solid #0000001a;box-shadow:0 8px 32px #0000001a}.sub-dropdown-item{border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sub-dropdown-item:hover{background:#ffffff14;color:var(--primary-color);transform:translateX(2px)}[data-theme=light] .sub-dropdown-item:hover{background:#0000000d}.sub-dropdown-item.view-all{color:var(--primary-color);font-weight:600;text-align:center}.sub-dropdown-divider{background:#ffffff1a;height:1px;margin:.5rem 0}[data-theme=light] .sub-dropdown-divider{background:#0000001a}.dropdown-divider{background:#ffffff1a;height:1px;margin:.5rem 0}[data-theme=light] .dropdown-divider{background:#0000001a}.active-indicator{background:var(--primary-gradient);border-radius:2px;bottom:0;height:2px;left:0;margin:0 auto;position:absolute;right:0;width:60%}.navbar-actions{gap:.75rem}.icon-btn,.navbar-actions{align-items:center;display:flex}.icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}[data-theme=light] .icon-btn{background:#00000008;border:1px solid #0000001a}.icon-btn:hover{background:#ffffff14;border-color:#ffffff26;color:var(--primary-color);transform:translateY(-2px)}[data-theme=light] .icon-btn:hover{background:#0000000d;border-color:#00000026}.btn-signup,.theme-toggle{overflow:hidden;position:relative}.btn-signup{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 15px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-signup svg{flex-shrink:0;font-size:1.1rem}.btn-signup:before{background:linear-gradient(135deg,#fff3,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.btn-signup:hover:before{opacity:1}.btn-signup:hover{box-shadow:0 6px 25px var(--primary-shadow);transform:translateY(-2px)}.navbar-mobile-actions{align-items:center;display:none;gap:.75rem}.menu-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}[data-theme=light] .menu-toggle{background:#00000008;border:1px solid #0000001a}.menu-toggle:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}[data-theme=light] .menu-toggle:hover{background:#0000000d;border-color:#00000026}.mobile-menu{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#0a0a0ab3;border-bottom:1px solid #ffffff1a;border-radius:0 0 16px 16px;margin:0 2rem;overflow:hidden}[data-theme=light] .mobile-menu{background:#ffffffb3;border-bottom:1px solid #0000001a}.mobile-menu-content{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 2rem}.mobile-nav-link{align-items:center;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-link.active,.mobile-nav-link:hover{background:#ffffff0d;color:var(--primary-color)}[data-theme=light] .mobile-nav-link.active,[data-theme=light] .mobile-nav-link:hover{background:#00000008}.mobile-chevron{font-size:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-chevron.open{transform:rotate(90deg)}.mobile-sub-menu{margin-top:.25rem;overflow:hidden;padding-left:1rem}.mobile-sub-item{align-items:center;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;margin-bottom:.25rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-sub-item:hover{background:#ffffff0d;color:var(--primary-color)}[data-theme=light] .mobile-sub-item:hover{background:#00000008}.mobile-sub-sub-menu{margin-top:.25rem;overflow:hidden;padding-left:1rem}.mobile-sub-sub-item{border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:.25rem;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-sub-sub-item:hover{background:#ffffff0d;color:var(--primary-color)}[data-theme=light] .mobile-sub-sub-item:hover{background:#00000008}.mobile-sub-sub-item.view-all{color:var(--primary-color);font-weight:600;text-align:center}.mobile-sub-divider{background:#ffffff1a;height:1px;margin:.5rem 0}[data-theme=light] .mobile-sub-divider{background:#0000001a}.btn-signup.mobile{justify-content:center;margin-top:1rem;width:100%}@media (max-width:968px){.navbar-desktop{display:none}.navbar-mobile-actions{display:flex}.navbar{padding:1rem 1.25rem}.navbar.scrolled{padding:.75rem 1.25rem}.navbar-container{padding:.875rem 1.5rem}.navbar.scrolled .navbar-container{padding:.75rem 1.5rem}}@media (max-width:640px){.navbar{padding:.875rem 1rem}.navbar.scrolled{padding:.625rem 1rem}.navbar-container{padding:.875rem 1.25rem}.navbar.scrolled .navbar-container{padding:.75rem 1.25rem}.logo-text{font-size:1.05rem}.mobile-menu{margin:0 1rem}.btn-signup{font-size:.9rem;padding:.7rem 1.25rem}.btn-signup svg{font-size:1rem}}@media (max-width:480px){.logo-text{font-size:.95rem}.btn-signup{font-size:.85rem;padding:.65rem 1rem}.btn-signup span{display:none}.btn-signup svg{font-size:1.1rem;margin:0}.btn-signup{gap:0;justify-content:center;min-width:44px;padding:.7rem}.btn-signup.mobile span{display:inline}.btn-signup.mobile{gap:.5rem;padding:.75rem 1.25rem}}.footer{background:var(--footer-bg);border-top:1px solid var(--border-color);margin-top:auto;overflow:hidden;position:relative}.footer:before{background:var(--primary-gradient);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1400px;padding:4rem 2rem 2rem}.footer-top{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1.5fr 2fr;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{align-items:center;display:flex;gap:.875rem}.footer-logo .logo-text{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.35rem;white-space:nowrap}.footer-logo .logo-text-white{color:var(--text-primary)}.footer-logo .logo-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text}.footer-description{color:var(--text-secondary);line-height:1.6;max-width:400px}.social-links{display:flex;gap:1rem}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);display:flex;font-size:1.25rem;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.social-link:hover{background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 20px var(--primary-shadow);color:#fff}.footer-links-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr)}.footer-links-column{display:flex;flex-direction:column;gap:1.25rem}.footer-heading{color:var(--text-primary);font-size:.75rem;font-weight:700;letter-spacing:1.5px;margin:0}.footer-links-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-links-list li a{color:var(--text-secondary);display:inline-block;text-decoration:none;transition:color .3s ease}.footer-links-list li a:hover{color:var(--primary-color)}.footer-bottom{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:2rem}.copyright,.tagline{color:var(--text-tertiary);font-size:.875rem;margin:0}@media (max-width:968px){.footer-top{gap:3rem;grid-template-columns:1fr}.footer-links-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.footer-container{padding:3rem 1.25rem 1.5rem}.footer-links-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;text-align:center}}.compact-tool-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.compact-tool-card:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 4px 20px var(--card-shadow)}.compact-tool-icon{align-items:center;background:var(--icon-bg);border-radius:8px;color:var(--primary-color);display:flex;font-size:1.25rem;height:36px;justify-content:center;min-width:36px;transition:all .3s ease;width:36px}.compact-tool-card:hover .compact-tool-icon{background:var(--primary-gradient);box-shadow:0 2px 12px var(--primary-shadow);color:#fff}.compact-tool-title{color:var(--text-primary);font-size:.875rem;font-weight:600;white-space:nowrap}@media (max-width:640px){.compact-tool-card{gap:.625rem;padding:.875rem 1rem}.compact-tool-icon{font-size:1.1rem;height:32px;min-width:32px;width:32px}.compact-tool-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:normal}}.feature-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;text-align:center;transition:all .4s ease}.feature-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px var(--card-shadow);transform:translateY(-5px)}.feature-icon,.feature-icon-wrapper{position:relative}.feature-icon{align-items:center;background:var(--icon-gradient-bg);border-radius:20px;color:var(--primary-color);display:flex;font-size:2.5rem;height:80px;justify-content:center;overflow:hidden;width:80px}.feature-icon:before{background:var(--primary-gradient);border-radius:20px;content:"";inset:0;opacity:.1;position:absolute}.feature-title{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:0}.feature-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;max-width:300px}@media (max-width:640px){.feature-card{padding:2rem 1.5rem}.feature-icon{font-size:2rem;height:64px;width:64px}.feature-title{font-size:1.05rem}.feature-description{font-size:.85rem}}.threads-container{height:100%;position:relative;width:100%}.home{min-height:100vh;padding-top:80px}.hero-section{background:var(--hero-bg);overflow:hidden;padding:6rem 2rem;position:relative}.hero-container{margin:0 auto;max-width:1000px;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;background:var(--badge-bg);border:1px solid var(--primary-color);border-radius:25px;color:var(--primary-color);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:2rem;padding:.5rem 1.25rem}.hero-title{color:var(--text-primary);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;position:relative}.hero-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin:0 auto 3rem;max-width:700px}.hero-search{margin-bottom:2.5rem;position:relative}.search-wrapper{margin:0 auto;max-width:650px;position:relative}.search-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;transition:all .3s ease}.search-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-shadow)}.search-icon{color:var(--text-tertiary);flex-shrink:0;font-size:1.5rem}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1rem;min-width:0;outline:none}.search-input::placeholder{color:var(--text-tertiary)}.clear-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.clear-btn:hover{background:#ffffff26;color:var(--text-primary)}.search-btn{background:var(--primary-gradient);border:none;border-radius:10px;box-shadow:0 2px 10px var(--primary-shadow);color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.625rem 1.5rem;transition:all .3s ease;white-space:nowrap}.search-btn:hover{box-shadow:0 4px 15px var(--primary-shadow)}.search-results{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px var(--card-shadow);left:0;max-height:450px;overflow-x:hidden;overflow-y:scroll;position:absolute;right:0;top:calc(100% + .75rem);z-index:100}.search-results::-webkit-scrollbar{width:10px}.search-results::-webkit-scrollbar,.search-results::-webkit-scrollbar-track{background:#ffffff08;border-radius:0 16px 16px 0}.search-results::-webkit-scrollbar-thumb{background:#f9741c66;background-clip:padding-box;border:2px solid #ffffff08;border-radius:5px}.search-results::-webkit-scrollbar-thumb:hover{background:#f9741c99;background-clip:padding-box;border:2px solid #ffffff08}.search-results{scrollbar-color:#f9741c66 #ffffff08;scrollbar-width:thin}[data-theme=dark] .search-results::-webkit-scrollbar-thumb{background:#f9741c80}[data-theme=dark] .search-results::-webkit-scrollbar-thumb:hover{background:#f9741cb3}[data-theme=light] .search-results::-webkit-scrollbar-track{background:#0000000d}[data-theme=light] .search-results::-webkit-scrollbar-thumb{background:#f9741c66}[data-theme=light] .search-results::-webkit-scrollbar-thumb:hover{background:#f9741c99}.search-results-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.results-count{color:var(--text-secondary);font-size:.875rem;font-weight:600}.search-results-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);padding:1rem}.search-result-item{min-width:0}.search-results-footer{border-top:1px solid var(--border-color);font-size:.875rem;font-weight:500;padding:.875rem 1.25rem}.no-results,.search-results-footer{color:var(--text-secondary);text-align:center}.no-results{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:3rem 2rem}.no-results svg{opacity:.3}.no-results p{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.no-results span{color:var(--text-tertiary);font-size:.875rem}.hero-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 20px var(--primary-shadow);color:#fff}.hero-background{height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:0}.gradient-orb{border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation:float 8s ease-in-out infinite;background:var(--primary-color);height:400px;left:10%;top:10%;width:400px}.orb-2{animation:float 10s ease-in-out infinite reverse;background:var(--secondary-color);bottom:10%;height:500px;right:10%;width:500px}.orb-3{animation:float 12s ease-in-out infinite;background:var(--accent-color);height:300px;left:50%;top:50%;width:300px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.section{padding:3rem 2rem}.pdf-section,.video-section{padding-top:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-title{font-size:1.75rem;font-weight:700;margin:0}.view-all-link{align-items:center;color:var(--primary-color);display:flex;font-weight:600;gap:.5rem;text-decoration:none;transition:all .3s ease}.view-all-link:hover{gap:.75rem}.tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.compact-tools-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(6,1fr)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.popular-section{background:var(--section-bg)}.features-section{background:var(--hero-bg);position:relative}.cta-section{background:var(--section-bg);overflow:hidden;padding:5rem 2rem;position:relative}.cta-container{margin:0 auto;max-width:900px}.cta-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border-radius:32px;box-shadow:0 8px 32px var(--card-shadow);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:4rem 3rem;position:relative}.cta-card:before{background:radial-gradient(circle,var(--primary-color) 0,#0000 70%);content:"";height:200%;left:-50%;opacity:.05;pointer-events:none;position:absolute;top:-50%;width:200%}.cta-icon{align-items:center;background:var(--primary-gradient);border-radius:24px;box-shadow:0 8px 32px var(--primary-shadow);display:inline-flex;height:80px;justify-content:center;margin-bottom:2rem;width:80px}.cta-icon svg{color:#fff;height:40px;width:40px}.cta-title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 1.25rem}.cta-description{font-size:1.125rem;line-height:1.7;margin:0 auto 2.5rem;max-width:600px}.cta-btn{border-radius:14px;font-size:1.125rem;padding:1.25rem 2.5rem}.cta-btn:hover{box-shadow:0 8px 32px var(--primary-shadow)}.cta-btn svg{height:20px;transition:transform .3s ease;width:20px}.cta-btn:hover svg{transform:translateX(4px)}@media (max-width:968px){.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.search-results-grid{grid-template-columns:repeat(2,1fr)}.compact-tools-grid{gap:.75rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.hero-section{padding:4rem 1.25rem}.hero-title{font-size:2rem}.hero-description{font-size:.95rem}.search-container{gap:.5rem;padding:.625rem .875rem}.search-icon{font-size:1.25rem}.search-input{font-size:.9rem}.search-btn{font-size:.85rem;padding:.5rem 1rem}.search-results{max-height:400px}.search-results-grid{gap:.5rem;grid-template-columns:1fr;padding:.75rem}.search-results-header{padding:.875rem 1rem}.search-results-footer{padding:.75rem 1rem}.no-results{padding:2rem 1rem}.no-results svg{font-size:24px}.section{padding:4rem 1.25rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-title{font-size:1.5rem}.tools-grid{gap:1rem;grid-template-columns:1fr}.compact-tools-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);justify-content:center}.features-grid{gap:1.5rem;grid-template-columns:1fr}.filter-btn{font-size:.875rem;padding:.625rem 1.25rem}.cta-section{padding:3rem 1.25rem}.cta-card{border-radius:24px;padding:2.5rem 1.5rem}.cta-icon{border-radius:18px;height:64px;margin-bottom:1.5rem;width:64px}.cta-icon svg{height:32px;width:32px}.cta-title{font-size:1.75rem}.cta-description{font-size:1rem;margin-bottom:2rem}.cta-btn{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.search-results-grid{grid-template-columns:1fr}.compact-tools-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.search-btn{font-size:.8rem;padding:.5rem .75rem}.clear-btn{font-size:18px;height:24px;width:24px}.cta-section{padding:2.5rem 1rem}.cta-card{border-radius:20px;padding:2rem 1.25rem}.cta-icon{border-radius:16px;height:56px;margin-bottom:1.25rem;width:56px}.cta-icon svg{height:28px;width:28px}.cta-title{font-size:1.5rem}.cta-description{font-size:.95rem;margin-bottom:1.75rem}.cta-btn{font-size:.95rem;justify-content:center;padding:.875rem 1.75rem;width:100%}}.tool-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.page-hero{background:var(--hero-bg);border-bottom:1px solid var(--border-color);padding:4rem 2rem 3rem}.page-hero-container{margin:0 auto;max-width:800px;text-align:center}.page-badge{align-items:center;background:var(--badge-bg);border:1px solid var(--border-color);border-radius:50px;color:var(--primary-color);display:inline-flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:1px;margin-bottom:1.5rem;padding:.5rem 1.25rem}.page-badge svg{font-size:.875rem}.page-title{margin:0 0 1rem}.section{padding:4rem 2rem}.section-title{color:var(--text-primary);font-size:2rem;font-weight:800;margin:0 0 2rem}.section-title.centered{margin-bottom:3rem;text-align:center}.tools-section{background:var(--bg-primary)}.related-tools-section{background:var(--section-bg)}.features-section{background:var(--bg-primary)}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.tool-hero{padding:4rem 2rem 3rem}.tool-icon-large{font-size:4rem;margin:0 auto 1.5rem;width:fit-content}.tool-title{margin:0 0 1rem}.tool-workspace{padding:3rem 2rem}.workspace-container{max-width:1400px}.upload-icon{animation:float 3s ease-in-out infinite}.pdf-editor-layout{display:flex;flex-direction:column;gap:2rem}.pdf-info-preview-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1.5rem;padding:1.5rem}.pdf-mini-preview{aspect-ratio:.7;background:#fff;border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;overflow:hidden;width:100px}.pdf-mini-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.pdf-info-details{flex:1 1}.pdf-info-details h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.pdf-info-details p{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0}.pdf-files-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.panel-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.files-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.file-item{align-items:center;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;cursor:move;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.file-item:hover{background:var(--hover-bg);transform:translateX(4px)}.file-item.dragging{opacity:.5;transform:scale(.98)}.drag-icon{color:var(--text-tertiary);cursor:grab;font-size:1.25rem}.file-icon{color:var(--primary-color);font-size:2rem}.file-info{flex:1 1}.file-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.file-size{color:var(--text-secondary);font-size:.875rem}.pdf-control-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.file-info-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.file-icon-large{color:var(--primary-color);font-size:3rem}.file-info-header h3{color:var(--text-primary);margin:0 0 .25rem}.file-info-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.split-mode-tabs,.watermark-mode-tabs{background:var(--glass-bg);border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.mode-tab{padding:.75rem 1.5rem}.mode-tab.active{box-shadow:0 4px 12px var(--primary-shadow)}.image-upload-area{align-items:center;display:flex;justify-content:center;min-height:120px}.btn-upload-image{background:var(--glass-bg);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-upload-image:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.uploaded-image-preview{align-items:center;display:flex;flex-direction:column;gap:1rem}.uploaded-image-preview img{background:#fff;border:1px solid var(--border-color);border-radius:8px;max-height:150px;max-width:150px;object-fit:contain;padding:.5rem}.btn-remove-image{background:#fee;border:1px solid #fcc;border-radius:8px;color:#f44;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.btn-remove-image:hover{background:#fdd;border-color:#f44}.watermark-preview-image{max-height:100%;max-width:100%;object-fit:contain}.page-selection-controls{display:flex;flex-direction:column;gap:1.5rem}.selection-actions{display:flex;gap:.75rem}.pages-grid{grid-gap:1rem;background:var(--glass-bg);border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:400px;overflow-y:auto;padding:1rem}.page-thumbnail{align-items:center;aspect-ratio:.7;background:#fff;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s ease}.page-thumbnail:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-4px)}.page-thumbnail.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 16px var(--primary-shadow)}.page-number{color:var(--text-tertiary);font-size:1.5rem;font-weight:700}.page-thumbnail.selected .page-number{color:#fff}.selection-badge{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.selection-summary{background:var(--glass-bg);border-radius:8px;color:var(--text-primary);font-weight:600;padding:1rem;text-align:center}.range-controls{display:flex;flex-direction:column;gap:1.5rem}.range-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.range-input{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:600;padding:.75rem;text-align:center}.range-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.range-preview{background:var(--glass-bg);border-radius:8px;color:var(--text-primary);font-weight:600;padding:1rem;text-align:center}.conversion-settings{display:flex;flex-direction:column;gap:2rem}.conversion-settings h4{color:var(--text-primary);font-size:1.125rem;margin:0 0 1rem}.setting-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.setting-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.format-options{display:flex;gap:.75rem}.format-btn{background:var(--glass-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s ease}.format-btn.active{background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 12px var(--primary-shadow);color:#fff}.quality-slider,.slider{appearance:none;background:var(--border-color);border-radius:10px;height:6px;outline:none;width:100%}.quality-slider::-webkit-slider-thumb,.slider::-webkit-slider-thumb{appearance:none;background:var(--primary-gradient);border-radius:50%;box-shadow:0 2px 8px var(--primary-shadow);cursor:pointer;height:20px;width:20px}.quality-labels{color:var(--text-tertiary);display:flex;font-size:.75rem;justify-content:space-between}.pages-preview{margin-top:2rem}.pages-preview h4{color:var(--text-primary);margin:0 0 1rem}.preview-grid{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:300px;overflow-y:auto}.preview-grid,.preview-grid-images{background:var(--glass-bg);border-radius:12px;gap:1rem;padding:1rem}.preview-grid-images{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.preview-grid-images::-webkit-scrollbar{height:8px}.preview-grid-images::-webkit-scrollbar-track{background:var(--border-color);border-radius:4px}.preview-grid-images::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.preview-grid-images::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.preview-page-image{aspect-ratio:.7;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:all .3s ease;width:180px}.preview-page-image:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-4px)}.preview-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.preview-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.preview-page-image:hover .preview-overlay{opacity:1}.btn-preview-download{align-items:center;background:var(--primary-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-preview-download:hover{box-shadow:0 4px 12px var(--primary-shadow);transform:scale(1.05)}.preview-page{aspect-ratio:.7}.preview-placeholder{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-tertiary);font-size:2rem;gap:.5rem;height:100%}.preview-placeholder span{font-size:.75rem;font-weight:600}.preview-more{align-items:center;background:var(--glass-bg);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-weight:600;justify-content:center}.watermark-split-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.watermark-preview{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.watermark-preview h3{color:var(--text-primary);margin:0 0 1.5rem}.pdf-preview-canvas{align-items:center;aspect-ratio:.7;background:#e0e0e0;border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.pdf-page-preview{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.preview-loading{color:var(--text-secondary);font-size:.875rem}.preview-page-outline{background:#fff;border-radius:4px;box-shadow:0 4px 12px #0000001a;height:95%;position:relative;width:90%}.watermark-preview-text{font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.preview-note{color:var(--text-secondary);font-size:.875rem;margin:0;text-align:center}.watermark-controls{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;max-height:700px;overflow-y:auto;padding:2rem}.watermark-controls h3{color:var(--text-primary);margin:0 0 1.5rem}.text-input-large{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.875rem;width:100%}.text-input-large:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.color-picker-wrapper{align-items:center;background:var(--glass-bg);border-radius:8px;display:flex;gap:1rem;padding:.75rem}.color-picker{border:none;border-radius:6px;height:40px;width:60px}.color-value{color:var(--text-primary);font-weight:600}.position-options{display:flex;gap:.75rem}.position-btn{background:var(--glass-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s ease}.position-btn.active{background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 12px var(--primary-shadow);color:#fff}.apply-to-pages-section,.quick-presets{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.apply-to-pages-section h4,.quick-presets h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 1rem}.page-selection-actions{display:flex;gap:.75rem;margin-bottom:1rem}.pages-selector-row{background:var(--glass-bg);border-radius:12px;display:flex;flex-wrap:wrap;gap:.75rem;max-height:200px;overflow-y:auto;padding:1rem}.page-selector-card{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.page-selector-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-2px)}.page-selector-card.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 16px var(--primary-shadow)}.page-selector-number{color:var(--text-tertiary);font-size:1.125rem;font-weight:700}.page-selector-card.selected .page-selector-number{color:#fff}.page-selector-check{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.preset-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.preset-btn{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .3s ease}.preset-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.pdf-organize-layout{display:flex;flex-direction:column;gap:2rem}.organize-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;padding:1.5rem}.file-info,.organize-header{align-items:center;display:flex}.file-info{color:var(--primary-color);font-size:2rem;gap:1rem}.file-info h3{font-size:1.25rem;margin:0 0 .25rem}.organize-actions{display:flex;gap:.75rem}.pages-organize-grid{grid-gap:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));min-height:400px;padding:2rem}.organize-page-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;cursor:move;display:flex;flex-direction:column;gap:1rem;padding:1rem;position:relative;transition:all .3s ease}.organize-page-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.organize-page-card.dragging{opacity:.5;transform:scale(.95)}.organize-page-card.deleted{background:#f8f8f8;cursor:default}.drag-handle{color:var(--text-tertiary);cursor:grab;font-size:1.25rem;left:.5rem;position:absolute;top:.5rem;z-index:1}.page-preview{align-items:center;aspect-ratio:.7;background:#f5f5f5;border-radius:8px;display:flex;justify-content:center;overflow:hidden;transition:transform .3s ease}.page-thumbnail-image{display:block;height:100%;object-fit:cover;width:100%}.page-placeholder{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:2.5rem;gap:.5rem}.page-placeholder span{font-size:.875rem;font-weight:600}.page-number-badge{color:var(--text-primary);font-size:.875rem;font-weight:700;text-align:center}.page-actions{display:flex;gap:.5rem;justify-content:center}.action-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem;transition:all .3s ease}.action-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.action-btn.danger:hover{background:#fee;border-color:#f44;color:#f44}.action-btn.undo{background:var(--primary-gradient);border:none;color:#fff}.action-buttons{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.conversion-note{color:var(--text-secondary);font-size:.875rem;margin:0}.btn-primary-large:disabled{opacity:.6}.saving-icon{animation:spin 2s linear infinite}.saving-text{align-items:center;display:inline-flex}.saving-text .dots{animation:dots 1.5s steps(4) infinite;display:inline-block;text-align:left;width:20px}.btn-secondary-small{align-items:center;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-secondary-small:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.btn-icon-danger{background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .3s ease}.btn-icon-danger:hover{background:#fee;color:#f44}@media (max-width:968px){.tool-title{font-size:2rem}.watermark-split-layout{grid-template-columns:1fr}.pages-organize-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:1rem}.range-inputs{grid-template-columns:1fr}}@media (max-width:640px){.tool-hero{padding:3rem 1.25rem 2rem}.tool-title{font-size:1.75rem}.tool-description{font-size:1rem}.tool-workspace{padding:2rem 1.25rem}.upload-zone{padding:3rem 1.5rem}.pages-organize-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.organize-header{align-items:flex-start;flex-direction:column;gap:1rem}.btn-primary-large{justify-content:center;width:100%}.preview-page-image{width:140px}.pdf-mini-preview{width:70px}.pdf-info-details h3{font-size:1rem}.pdf-info-details p{font-size:.75rem}}.why-section{background:var(--section-bg);padding:6rem 2rem}.why-container{margin:0 auto;max-width:1200px}.why-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;margin:0 0 3rem;text-align:center}.why-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.why-card{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.why-card:hover{border-color:var(--primary-color);box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.why-icon{color:var(--primary-color);flex-shrink:0;font-size:2rem}.why-text{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.why-grid-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem}.why-card-feature{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.why-card-feature:hover{border-color:var(--primary-color);box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.why-icon-feature{align-items:center;background:var(--icon-bg);border-radius:16px;color:var(--primary-color);display:flex;font-size:2.5rem;height:70px;justify-content:center;width:70px}.why-feature-title{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0}.why-feature-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.cta-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px #0000000d;padding:3rem;text-align:center}.cta-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 1rem}.cta-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 2rem}.cta-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;transition:all .3s ease}.cta-btn:hover{box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}@media (max-width:1024px){.features-grid,.why-grid-features{grid-template-columns:repeat(2,1fr)}.compact-tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.tool-page{padding-top:60px}.page-hero{padding:3rem 1.5rem 2rem}.page-title{font-size:2rem}.page-description{font-size:1rem}.section{padding:3rem 1.5rem}.section-title{font-size:1.75rem}.why-section{padding:4rem 1.5rem}.why-title{font-size:2rem}.features-grid,.why-grid,.why-grid-features{grid-template-columns:1fr}.compact-tools-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.cta-card{padding:2rem 1.5rem}.cta-title{font-size:1.5rem}}.pdf-tools-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.pdf-tools-hero{background:var(--hero-bg);border-bottom:1px solid var(--border-color);padding:4rem 2rem 3rem}.pdf-tools-hero .hero-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;text-align:center}.page-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.page-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0;max-width:600px}.pdf-tools-section{padding:4rem 2rem}.section-container{margin:0 auto;max-width:1400px}.compact-tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:968px){.page-title{font-size:2rem}.page-description{font-size:1rem}.pdf-tools-hero{padding:3rem 1.5rem 2rem}.pdf-tools-section{padding:3rem 1.5rem}.compact-tools-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:640px){.page-title{font-size:1.75rem}.pdf-tools-hero,.pdf-tools-section{padding:2rem 1.25rem}.compact-tools-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.compress-pdf-page{min-height:100vh;padding-top:80px}.tool-hero-container{max-width:1200px}.compress-tool-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.upload-section{background:var(--section-bg);padding:5rem 2rem}.upload-container{margin:0 auto;max-width:900px}.upload-dropzone{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:2px dashed var(--border-color);border-radius:24px;padding:5rem 3rem;position:relative;text-align:center;transition:all .4s ease}.upload-dropzone:before{background:var(--primary-gradient);border-radius:24px;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:0;padding:2px;position:absolute;transition:opacity .4s ease}.upload-dropzone.dragging:before,.upload-dropzone:hover:before{opacity:1}.upload-dropzone.dragging{background:var(--hover-bg);border-color:var(--primary-color);transform:scale(1.02)}.upload-icon{font-size:5rem;margin-bottom:2rem}.upload-title{font-size:2rem;margin:0 0 1rem}.upload-description{font-size:1.1rem;line-height:1.6;margin:0 0 2.5rem}.upload-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary-upload{background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.btn-primary-upload:hover{box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.btn-secondary-upload{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-secondary-upload:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.security-badges{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2.5rem}.security-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.security-badge:hover{border-color:var(--primary-color)}.security-icon{color:var(--primary-color);font-size:1.25rem}.steps-section{padding:5rem 2rem}.steps-container{margin:0 auto;max-width:1200px}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.step-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.step-card:hover{border-color:var(--primary-color);box-shadow:0 8px 30px var(--card-shadow);transform:translateY(-5px)}.step-number{align-items:center;background:var(--primary-gradient);border-radius:50%;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;display:flex;font-size:1.75rem;font-weight:800;height:56px;justify-content:center;min-width:56px;width:56px}.step-title{color:var(--text-primary);font-size:1.15rem;font-weight:500;line-height:1.6;margin:0}.step-highlight{color:var(--primary-color);font-weight:700}@media (max-width:968px){.tool-header{align-items:flex-start;flex-direction:column}.tool-actions{margin-left:0;width:100%}.tool-nav-btn{flex:1 1;text-align:center}.upload-dropzone{padding:3rem 2rem}.upload-icon{font-size:4rem}.upload-title{font-size:1.75rem}.steps-grid{grid-template-columns:1fr}}@media (max-width:640px){.steps-section,.tool-hero,.upload-section{padding:2rem 1.25rem}.compress-tool-title{font-size:2rem}.upload-buttons{flex-direction:column;width:100%}.btn-primary-upload,.btn-secondary-upload{justify-content:center;width:100%}.security-badges{flex-direction:column;gap:1rem}.security-badge{justify-content:center}}.compression-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:3rem}.file-preview{align-items:center;background:var(--glass-bg);border-radius:16px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.file-preview-icon{color:var(--primary-color);font-size:3rem}.file-info h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.file-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.quality-selector{margin-bottom:2rem}.quality-selector h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.quality-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quality-btn{align-items:flex-start;padding:1.25rem;text-align:left}.quality-name{color:var(--text-primary);font-size:1rem;font-weight:700}.quality-btn.active .quality-desc,.quality-btn.active .quality-name{color:#fff}.quality-desc{font-size:.875rem}.compression-actions{display:flex;gap:1rem;margin-top:2rem}.btn-compress{background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;flex:1 1;font-size:1.125rem;font-weight:700;padding:1.25rem 2rem;transition:all .3s ease}.btn-compress:hover:not(:disabled){box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.btn-compress:disabled{cursor:not-allowed;opacity:.7}.btn-compress .dots{animation:dots 1.5s steps(4) infinite;display:inline-block;text-align:left;width:20px}.btn-cancel{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:1.25rem 2rem;transition:all .3s ease}.btn-cancel:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.result-container{padding:3rem}.result-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:3rem;text-align:center}.result-icon{align-items:center;background:var(--primary-gradient);border-radius:50%;box-shadow:0 8px 30px var(--primary-shadow);color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.result-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 2rem}.result-stats{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.stat-item{background:var(--glass-bg);border-radius:16px;display:flex;flex-direction:column;gap:.5rem;min-width:180px;padding:1.5rem 2rem}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-value.success{color:var(--primary-color)}.stat-arrow{color:var(--text-tertiary);font-size:2rem}.compression-ratio{align-items:center;background:var(--primary-gradient);border-radius:50px;box-shadow:0 4px 20px var(--primary-shadow);display:inline-flex;gap:.75rem;margin-bottom:2.5rem;padding:1rem 2rem}.ratio-label{color:#ffffffe6;font-size:.875rem;font-weight:600}.ratio-value{color:#fff;font-size:1.5rem;font-weight:800}.result-actions{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px}.btn-download{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s ease}.btn-download:hover{box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.btn-reset{align-items:center;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.btn-reset:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.error-message{background:#fee;border:1px solid #fcc;color:#f44;margin-top:1.5rem}@media (max-width:640px){.compression-panel,.result-card{padding:2rem 1.5rem}.quality-options{grid-template-columns:1fr}.compression-actions,.result-stats{flex-direction:column}.result-stats{gap:1rem}.stat-arrow{transform:rotate(90deg)}.result-title{font-size:1.5rem}.result-actions{max-width:none;width:100%}}.text-to-pdf-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.tool-hero{background:var(--hero-bg);border-bottom:1px solid var(--border-color);padding:3rem 2rem 2rem}.tool-hero-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;text-align:center}.tool-icon-large{align-items:center;background:var(--icon-gradient-bg);border-radius:20px;box-shadow:0 8px 30px var(--primary-shadow);color:var(--primary-color);display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.tool-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.tool-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0}.editor-section{padding:3rem 2rem}.editor-container{margin:0 auto;max-width:1200px}.editor-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px var(--card-shadow);overflow:hidden}.editor-toolbar{background:var(--glass-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem}.editor-toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{gap:.5rem}.toolbar-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}.toolbar-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.125rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.toolbar-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.toolbar-btn:active{transform:scale(.95)}.font-size-select,.heading-select{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.font-size-select{min-width:70px}.heading-select{min-width:120px}.font-size-select:hover,.heading-select:hover{border-color:var(--primary-color)}.font-size-select:focus,.heading-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.color-picker{border:1px solid var(--border-color);border-radius:8px;cursor:pointer;height:36px;transition:all .2s ease;width:40px}.color-picker:hover{border-color:var(--primary-color)}.toolbar-divider{background:var(--border-color);height:24px;width:1px}.text-editor{background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;max-height:600px;min-height:500px;overflow-y:auto;padding:2rem;transition:background-color .3s ease}.text-editor *{color:#000}.text-editor:focus{outline:none}.text-editor:empty:before{color:var(--text-tertiary);content:attr(data-placeholder);font-style:italic}.text-editor::-webkit-scrollbar{width:8px}.text-editor::-webkit-scrollbar-track{background:var(--glass-bg)}.text-editor::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.text-editor::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.text-editor h1{color:#000;font-size:2rem;font-weight:700;margin:1rem 0 .5rem}.text-editor h2{color:#000;font-size:1.5rem;font-weight:700;margin:.875rem 0 .5rem}.text-editor h3{color:#000;font-size:1.25rem;font-weight:700;margin:.75rem 0 .5rem}.text-editor p{color:#000;margin:.5rem 0}.text-editor ol,.text-editor ul{color:#000;margin:1rem 0;padding-left:2.5rem}.text-editor ul{list-style-type:disc}.text-editor ol{list-style-type:decimal}.text-editor li{color:#000;line-height:1.8;margin:.5rem 0;padding-left:.5rem}.text-editor li::marker{color:#000}.text-editor b,.text-editor strong{color:inherit;font-weight:700}.text-editor em,.text-editor i{color:inherit;font-style:italic}.text-editor u{color:inherit;text-decoration:underline}.text-editor div,.text-editor span{color:#000}.editor-actions{background:var(--glass-bg);border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:1.5rem}.btn-generate{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;padding:1rem 3rem;transition:all .3s ease}.btn-generate:hover:not(:disabled){box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.7}.btn-generate .dots{animation:dots 1.5s steps(4) infinite;display:inline-block;text-align:left;width:20px}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@media (max-width:968px){.tool-title{font-size:2rem}.editor-toolbar{gap:.5rem;padding:.75rem 1rem}.toolbar-btn{font-size:1rem;height:32px;width:32px}.text-editor{min-height:400px;padding:1.5rem}}@media (max-width:640px){.tool-hero{padding:2rem 1.25rem}.tool-title{font-size:1.75rem}.editor-section{padding:2rem 1.25rem}.editor-toolbar{align-items:stretch;flex-direction:column}.toolbar-group{justify-content:space-between}.toolbar-divider{height:1px;width:100%}.text-editor{font-size:.9375rem;min-height:300px;padding:1rem}.btn-generate{justify-content:center;width:100%}}.workspace-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.workspace-container{margin:0 auto;max-width:1000px;padding:3rem 2rem 6rem;position:relative}.workspace-content-wrapper{position:relative}.workspace-main-content{position:relative;z-index:2}.workspace-decorative-img{pointer-events:none;position:absolute;z-index:1}.workspace-decorative-img-left{height:auto;left:-250px;top:50%;transform:translateY(-50%) rotate(15deg);width:250px}.workspace-decorative-img-right{border-radius:24px;height:auto;right:-250px;top:50%;transform:translateY(-50%) rotate(-15deg);width:250px}.workspace-header{margin-bottom:3rem;text-align:center}.workspace-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.workspace-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.format-selector{align-items:flex-end;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem}.format-dropdown-wrapper{display:flex;flex:1 1;flex-direction:column;gap:.75rem;max-width:280px;min-width:200px}.format-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.custom-dropdown{position:relative}.dropdown-trigger{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.dropdown-trigger:hover{background:var(--hover-bg);border-color:var(--primary-color)}.dropdown-trigger:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ea580c1a;outline:none}.dropdown-value{align-items:center;display:flex;gap:.5rem}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 30px var(--shadow-color);left:0;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.dropdown-item{align-items:center;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.dropdown-item.active,.dropdown-item:hover{background:var(--hover-bg);color:var(--primary-color)}.dropdown-item svg{font-size:1.25rem}.format-arrow{color:var(--primary-color);flex-shrink:0;font-size:2rem;font-weight:700;margin-bottom:1rem}.upload-area:hover:before{opacity:.3}.upload-area.dragging:before{opacity:1}.upload-info{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.upload-formats,.upload-size{color:var(--text-tertiary);font-size:.875rem;margin:0}.upload-area:hover .upload-glow{opacity:.1}.upload-area.dragging .upload-glow{opacity:.2}@media (max-width:768px){.workspace-container{padding:2rem 1.5rem 4rem}.workspace-title{font-size:2rem}.workspace-subtitle{font-size:1rem}.format-selector{gap:1.5rem}.format-dropdown-wrapper{min-width:100%}.format-arrow{margin:0;transform:rotate(90deg)}.upload-area{padding:2.5rem 1.5rem}.upload-icon{font-size:3.5rem}.upload-title{font-size:1.25rem}.upload-description{font-size:.95rem;text-align:center}.upload-button{font-size:.95rem;justify-content:center;padding:.875rem 2rem;width:100%}.workspace-decorative-img-right{display:none}.workspace-decorative-img-left{left:-80px;width:150px}}@media (max-width:480px){.workspace-container{padding:1.5rem 1.25rem 3rem}.workspace-title{font-size:1.75rem}.upload-area{padding:2rem 1.25rem}.upload-icon{font-size:3rem}.upload-title{font-size:1.15rem}.upload-description{font-size:.875rem}.dropdown-trigger{font-size:1rem;padding:.875rem 1.25rem}.workspace-decorative-img-right{display:none}.workspace-decorative-img-left{bottom:auto;display:block;left:50%;margin-top:3rem;order:999;position:relative;top:auto;transform:translateX(-50%) rotate(0deg);width:150px}.workspace-main-content{order:1}.workspace-content-wrapper{display:flex;flex-direction:column}}.preview-container{margin:0 auto;max-width:900px}.preview-cards{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2.5rem}.preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:.875rem;max-width:280px;min-width:220px;padding:1.25rem;transition:all .3s ease}.preview-card:hover{border-color:var(--primary-color);box-shadow:0 8px 30px var(--card-shadow)}.preview-image-wrapper{border-radius:12px}.preview-image{border-radius:8px}.preview-info{gap:.25rem}.preview-title{font-size:.8rem}.preview-format{color:var(--primary-color);letter-spacing:.5px;text-transform:uppercase}.preview-converted-format{color:#34d399;font-size:.72rem;font-weight:700;letter-spacing:.3px;margin:.2rem 0 0}.preview-arrow{color:var(--primary-color);flex-shrink:0;font-size:2rem;font-weight:700}.preview-placeholder{align-items:center;aspect-ratio:4/3;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.875rem;justify-content:center;width:100%}.placeholder-icon{color:var(--text-tertiary);font-size:2.5rem}.placeholder-text{color:var(--text-secondary);font-size:1.1rem;font-weight:700;margin:0}.converting-state{aspect-ratio:4/3;background:var(--bg-secondary);border-radius:12px;gap:1.25rem;width:100%}.spinner{height:45px;width:45px}.converting-text{font-size:.95rem}.success-badge{font-size:1.1rem;height:32px;right:.75rem;top:.75rem;width:32px}.convert-button{align-items:center;display:flex;gap:.75rem;justify-content:center;min-width:200px;padding:1.25rem 3rem}.convert-button:disabled{opacity:.7}.convert-button svg{font-size:1.5rem}@media (max-width:768px){.preview-cards{flex-direction:column;gap:1.5rem}.preview-card{min-width:100%}.preview-arrow{font-size:2rem;transform:rotate(90deg)}.convert-button,.reset-button{width:100%}.error-message{margin-bottom:1.5rem}.error-content{gap:.75rem}.error-text{font-size:.875rem}}.compressor-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.compressor-container{margin:0 auto;max-width:900px;padding:3rem 2rem 6rem;position:relative}.compressor-content-wrapper{position:relative}.compressor-main-content{position:relative;z-index:2}.compressor-decorative-img{pointer-events:none;position:absolute;z-index:1}.compressor-decorative-img-left{border-radius:24px;height:auto;left:-250px;top:50%;transform:translateY(-50%) rotate(15deg);width:250px}.compressor-decorative-img-right{border-radius:24px;height:auto;right:-250px;top:50%;transform:translateY(-50%) rotate(-15deg);width:250px}.compressor-header{margin-bottom:3rem;text-align:center}.compressor-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.compressor-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.compress-container{margin:0 auto;max-width:700px}.image-preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:280px;padding:1rem;transition:all .3s ease}.image-preview-card:hover{border-color:var(--primary-color);box-shadow:0 8px 30px var(--card-shadow)}.preview-image-wrapper{align-items:center;aspect-ratio:4/3;background:var(--bg-secondary);border-radius:10px;display:flex;justify-content:center;margin-bottom:.75rem;overflow:hidden;position:relative;width:100%}.preview-image{border-radius:6px;height:100%;object-fit:contain;width:100%}.preview-info{display:flex;flex-direction:column;gap:.2rem}.preview-title{color:var(--text-primary);font-size:.75rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-format{color:var(--text-secondary);font-size:.7rem;font-weight:600;margin:0}.size-reduction{color:#10b981;font-weight:700}.success-badge{background:var(--primary-gradient);border-radius:50%;box-shadow:0 4px 15px var(--primary-shadow);color:#fff;font-size:1rem;height:30px;position:absolute;right:.5rem;top:.5rem;width:30px}.compressing-state,.success-badge{align-items:center;display:flex;justify-content:center}.compressing-state{aspect-ratio:3/2;background:var(--bg-secondary);border-radius:10px;flex-direction:column;gap:1rem;margin-bottom:.75rem;width:100%}.spinner{border:3px solid var(--border-color);height:40px;width:40px}.compressing-text{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.compression-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--border-color);margin-bottom:2rem}.tabs{background:var(--bg-secondary);border-radius:12px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.5rem}.tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.tab:hover{background:var(--hover-bg);color:var(--text-primary)}.tab.active{background:var(--primary-gradient);box-shadow:0 2px 10px var(--primary-shadow);color:#fff}.tab-content{margin-bottom:1.5rem}.input-label{display:block;font-size:.875rem;letter-spacing:.5px;margin-bottom:.75rem}.percentage-input-group,.size-input-group{width:100%}.percentage-input-wrapper{align-items:center;display:flex;position:relative}.percentage-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1.1rem;font-weight:600;padding:1rem 3rem 1rem 1.25rem;transition:all .3s ease;width:100%}.percentage-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ea580c1a;outline:none}.percentage-symbol{color:var(--text-secondary);font-size:1.1rem;font-weight:700;pointer-events:none;position:absolute;right:1.25rem}.compress-button{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem;transition:all .3s ease;width:100%}.compress-button:hover:not(:disabled){box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.compress-button:disabled{cursor:not-allowed;opacity:.7}.download-button svg{font-size:1.5rem}@media (max-width:768px){.compressor-container{padding:2rem 1.5rem 4rem}.compressor-title{font-size:2rem}.compressor-subtitle{font-size:1rem}.upload-area{padding:2.5rem 1.5rem}.upload-icon{font-size:3.5rem}.compression-controls{padding:1.5rem}.tabs{flex-direction:column;gap:.5rem}.tab{padding:.75rem 1.25rem}.input-with-unit{flex-direction:column}.unit-select{width:100%}.download-button{min-width:auto;width:100%}.reset-button{width:100%}.compressor-decorative-img-right{display:none}.compressor-decorative-img-left{left:-80px;width:150px}}@media (max-width:480px){.compressor-container{padding:1.5rem 1.25rem 3rem}.compressor-title{font-size:1.75rem}.upload-area{padding:2rem 1.25rem}.upload-icon{font-size:3rem}.upload-title{font-size:1.25rem}.upload-description{font-size:.9rem}.compression-controls{padding:1.25rem}.compressor-decorative-img-right{display:none}.compressor-decorative-img-left{bottom:auto;display:block;left:50%;margin-top:3rem;order:999;position:relative;top:auto;transform:translateX(-50%) rotate(0deg);width:150px}.compressor-main-content{order:1}.compressor-content-wrapper{display:flex;flex-direction:column}}.upload-buttons-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.5rem}.upload-button.bulk{background:#000;border:2px solid var(--border-color)}.upload-button.bulk:hover{background:#1a1a1a;border-color:var(--primary-color)}.images-grid{grid-gap:.85rem;display:grid;gap:.85rem;margin-bottom:2rem}.images-grid.single{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:350px}.images-grid.bulk{align-items:stretch;grid-template-columns:repeat(5,minmax(100px,1fr))}.image-preview-card-small{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.65rem;transition:all .3s ease}.image-preview-card-small:hover{border-color:var(--primary-color);box-shadow:0 4px 20px var(--card-shadow)}.preview-image-wrapper-small{align-items:center;aspect-ratio:1/1;background:var(--bg-secondary);border-radius:8px;display:flex;justify-content:center;max-height:120px;min-height:86px;overflow:hidden;position:relative;width:100%}.preview-image-small{border-radius:6px;height:100%;object-fit:cover;width:100%}.preview-info-small{display:flex;flex-direction:column;gap:.2rem;min-width:0}.preview-title-small{color:var(--text-primary);font-size:.7rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-format-small{color:var(--text-secondary);font-size:.65rem;font-weight:600;margin:0}.success-badge-small{background:var(--primary-gradient);border-radius:50%;box-shadow:0 2px 10px var(--primary-shadow);color:#fff;font-size:.875rem;height:24px;position:absolute;right:.4rem;top:.4rem;width:24px}.compressing-state-small,.success-badge-small{align-items:center;display:flex;justify-content:center}.compressing-state-small{aspect-ratio:1;background:var(--bg-secondary);border-radius:8px;width:100%}.spinner-small{border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:30px;width:30px}.download-single-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:8px;box-shadow:0 2px 10px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;justify-content:center;margin-top:.75rem;padding:.5rem;transition:all .3s ease}.download-single-btn:hover{box-shadow:0 4px 15px var(--primary-shadow);transform:translateY(-1px)}.download-single-btn svg{font-size:.875rem}@media (max-width:1200px){.images-grid.bulk{grid-template-columns:repeat(4,minmax(90px,1fr))}}@media (max-width:968px){.images-grid.bulk{grid-template-columns:repeat(3,minmax(90px,1fr))}.upload-buttons-row{width:100%}.upload-button,.upload-button.bulk{flex:1 1;min-width:140px}}@media (max-width:640px){.images-grid.bulk{grid-template-columns:repeat(2,minmax(90px,1fr))}.upload-buttons-row{flex-direction:column}.upload-button,.upload-button.bulk{width:100%}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{height:calc(100% + .5px);inset:0;pointer-events:none;position:absolute;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translate(0);transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);content:"";inset:-1px;opacity:.3;pointer-events:none;position:absolute}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s linear infinite;animation:marching-ants 1s linear infinite;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(#fff 50%,#444 0),linear-gradient(#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:var(--rc-drag-handle-size);position:absolute;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.cropper-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.cropper-container{margin:0 auto;max-width:900px;padding:3rem 2rem 6rem;position:relative}.cropper-content-wrapper{position:relative}.decorative-img{pointer-events:none;position:absolute;z-index:1}.decorative-img-left{height:auto;left:-250px;top:50%;transform:translateY(-50%) rotate(15deg);width:250px}.decorative-img-right{border-radius:24px;height:auto;right:-250px;top:50%;transform:translateY(-50%) rotate(-15deg);width:250px}.cropper-header{margin-bottom:3rem;text-align:center}.cropper-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.cropper-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.upload-area{margin:0 auto;max-width:700px}.crop-container{margin:0 auto;width:min(760px,100%)}.crop-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.crop-preview-wrapper,.save-preview-wrapper{margin:0 auto;width:min(460px,100%)}.crop-preview-card,.save-preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:18px;box-shadow:0 20px 70px #00000014;box-shadow:0 20px 70px var(--shadow-color,#00000014);padding:1.25rem}.save-preview-card{align-items:center;display:flex;justify-content:center;min-height:270px}.save-preview-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.save-loader-wrap{align-items:center;background:var(--primary-gradient);border-radius:50%;box-shadow:0 10px 30px var(--primary-shadow);display:flex;height:68px;justify-content:center;position:relative;width:68px}.save-loader-wrap:before{animation:pulse-ring 1.6s linear infinite;border:2px solid var(--primary-color);border-radius:50%;content:"";inset:-8px;position:absolute}.save-loader{animation:spin .9s linear infinite;border:3px solid #fffffff2;border-radius:50%;border-top-color:#0000;height:22px;width:22px}.save-preview-text{align-items:center;display:flex;flex-direction:column;gap:.3rem}.save-preview-label{color:var(--text-primary);font-size:1.1rem;font-weight:800}.save-preview-subtext{color:var(--text-secondary);font-size:.82rem}.crop-preview-top{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding-bottom:.75rem}.crop-preview-title{color:var(--text-primary);font-size:.95rem;font-weight:800;letter-spacing:.02em}.crop-preview-file{color:var(--text-secondary);font-size:.76rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crop-preview-image-wrap{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;justify-content:center;margin:1rem 0;min-height:180px;padding:.75rem}.crop-preview-image{border-radius:12px;display:block;max-height:280px;max-width:100%;object-fit:contain}.crop-preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.crop-preview-actions .download-button,.crop-preview-actions .reset-button{width:auto}.crop-preview-actions .download-button{min-width:180px}.crop-preview-actions .alt-reset{min-width:170px}.crop-preview-actions .download-button,.crop-preview-actions .reset-button{padding:.85rem 1.4rem}.cropper-main-content{position:relative;width:100%;z-index:2}.crop-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.crop-icon{color:var(--primary-color);font-size:1.5rem}.crop-filename{color:var(--text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crop-image-wrapper{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;justify-content:center;margin-bottom:1.5rem;max-height:560px;overflow:hidden;padding:1rem;width:100%}.crop-image{display:block;height:auto;max-height:420px;max-width:100%;object-fit:contain;width:auto}.crop-controls{margin-bottom:1.5rem}.controls-title{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.crop-inputs-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.crop-input-group{display:flex;flex-direction:column;gap:.4rem;min-width:0}.input-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.crop-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.crop-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ea580c1a;outline:none}.download-button,.save-button{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem;transition:all .3s ease;width:100%}.download-button:hover,.save-button:hover:not(:disabled){box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.5}.download-button{background:#10b981;box-shadow:0 4px 20px #10b9814d}.download-button:hover{box-shadow:0 6px 30px #10b98166}.cropper-action-spaced{align-items:stretch;display:flex;flex-direction:column;gap:1rem}.ReactCrop{height:auto;max-width:100%}.ReactCrop__crop-selection{border:2px solid var(--primary-color);box-shadow:0 0 0 9999px #00000080}.ReactCrop__drag-handle{background-color:var(--primary-color);border:2px solid #fff;box-shadow:0 2px 8px #0000004d;height:12px;width:12px}@media (max-width:768px){.cropper-container{padding:2rem 1.5rem 4rem}.cropper-title{font-size:2rem}.cropper-subtitle{font-size:1rem}.upload-area{padding:2.5rem 1.5rem}.upload-icon{font-size:3.5rem}.crop-card{padding:1.25rem}.crop-preview-card,.save-preview-card{padding:1rem}.crop-inputs-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.crop-input{font-size:.85rem;padding:.65rem}.input-label{font-size:.65rem}.crop-image-wrapper{max-height:400px}.decorative-img-right{display:none}.decorative-img-left{left:-80px;width:150px}}@media (max-width:480px){.cropper-container{padding:1.5rem 1.25rem 3rem}.cropper-title{font-size:1.75rem}.upload-area{padding:2rem 1.25rem}.upload-icon{font-size:3rem}.upload-title{font-size:1.25rem}.upload-description{font-size:.9rem}.crop-card{padding:1rem}.crop-preview-card,.save-preview-card{border-radius:14px}.save-preview-card{min-height:210px}.crop-preview-top{flex-wrap:wrap}.crop-preview-actions{flex-direction:column}.crop-preview-actions .download-button,.crop-preview-actions .reset-button{width:100%}.cropper-action-spaced{gap:.8rem}.crop-preview-action-button{width:100%}.crop-inputs-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.crop-input-group{gap:.3rem}.crop-input{font-size:.8rem;padding:.6rem}.input-label{font-size:.6rem;letter-spacing:.2px}.crop-image-wrapper{max-height:300px;padding:.5rem}.controls-title{font-size:.75rem;margin-bottom:.75rem}.download-button,.save-button{font-size:1rem;padding:1rem}.decorative-img-right{display:none}.decorative-img-left{bottom:auto;display:block;left:50%;margin-top:3rem;order:999;position:relative;top:auto;transform:translateX(-50%) rotate(0deg);width:150px}.cropper-main-content{order:1}.cropper-content-wrapper{display:flex;flex-direction:column}}.base64-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.base64-container{margin:0 auto;max-width:900px;padding:3rem 2rem 6rem}.base64-header{margin-bottom:2rem;text-align:center}.base64-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.base64-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.base64-tabs{background:var(--bg-secondary);border-radius:12px;display:flex;gap:.75rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;padding:.5rem}.base64-tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.base64-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.base64-tab.active{background:var(--primary-gradient);box-shadow:0 2px 10px var(--primary-shadow);color:#fff}.tab-content{margin:0 auto;max-width:700px}.upload-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px dashed var(--border-color);border-radius:24px;overflow:hidden;padding:3rem 2rem;position:relative;transition:all .4s ease}.upload-area:before{background:var(--primary-gradient);border-radius:24px;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:0;padding:2px;position:absolute;transition:opacity .4s ease}.upload-area.dragging:before,.upload-area:hover:before{opacity:.3}.upload-area.dragging{background:var(--hover-bg);border-color:var(--primary-color);transform:scale(1.02)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:2}.upload-icon-wrapper{align-items:center;display:flex;justify-content:center}.upload-icon{filter:drop-shadow(0 0 20px rgba(234,88,12,.3))}.upload-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.upload-description{color:var(--text-secondary);font-size:1rem;margin:0;text-align:center}.upload-button{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-top:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.upload-button:hover{box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.upload-button svg{font-size:1.25rem}.upload-glow{background:var(--primary-gradient);border-radius:50%;filter:blur(100px);height:300px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:300px}.upload-area.dragging .upload-glow,.upload-area:hover .upload-glow{opacity:.1}.result-container{display:flex;flex-direction:column;gap:1.5rem}.preview-card-small{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.preview-img-small{border-radius:12px;height:auto;max-width:200px;object-fit:contain;width:100%}.preview-filename{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0;text-align:center;word-break:break-all}.base64-output-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem}.base64-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.base64-output-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.copy-button{align-items:center;background:var(--primary-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.copy-button:hover{box-shadow:0 4px 15px var(--primary-shadow);transform:translateY(-2px)}.copy-button.copied{background:#10b981}.base64-textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.875rem;max-height:400px;min-height:150px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%;word-break:break-all}.base64-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ea580c1a;outline:none}.expand-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.75rem;padding:.625rem;transition:all .3s ease;width:100%}.expand-button:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.input-container{display:flex;flex-direction:column;gap:1.5rem}.base64-input-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem}.input-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.base64-input-textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.875rem;min-height:250px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.base64-input-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ea580c1a;outline:none}.base64-input-textarea::placeholder{color:var(--text-tertiary)}.convert-button{background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.25rem;transition:all .3s ease;width:100%}.convert-button:hover:not(:disabled){box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.convert-button:disabled{cursor:not-allowed;opacity:.5}.converting-state{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:3rem}.spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);height:50px;width:50px}.converting-text{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.preview-card-large{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;display:flex;justify-content:center;padding:1.5rem}.preview-img-large{border-radius:12px;height:auto;max-width:500px;object-fit:contain;width:100%}.action-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem}.download-button{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:250px;padding:1.25rem 3rem;transition:all .3s ease}.download-button:hover{box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.reset-button{background:#0000;border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.reset-button:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc26261a;border:2px solid #dc26264d;margin:0 auto 2rem;max-width:700px}.error-content{align-items:center;display:flex;gap:1rem}.error-icon{color:#fca5a5;flex-shrink:0;font-size:1.5rem}.error-text{color:#fca5a5;flex:1 1;font-size:.95rem;font-weight:500;margin:0}.error-close{align-items:center;background:#dc262633;border:none;border-radius:50%;color:#fca5a5;cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;line-height:1;min-width:28px;padding:0;transition:all .3s ease;width:28px}.error-close:hover{background:#dc26264d}@media (max-width:768px){.base64-container{padding:2rem 1.5rem 4rem}.base64-title{font-size:2rem}.base64-subtitle{font-size:1rem}.base64-tabs{max-width:100%}.upload-area{padding:2.5rem 1.5rem}.upload-icon{font-size:3.5rem}.download-button{min-width:auto;width:100%}}@media (max-width:480px){.base64-container{padding:1.5rem 1.25rem 3rem}.base64-title{font-size:1.75rem}.upload-area{padding:2rem 1.25rem}.upload-icon{font-size:3rem}.upload-title{font-size:1.25rem}.upload-description{font-size:.9rem}.base64-tab{font-size:.875rem;padding:.75rem 1rem}.base64-header-section{align-items:flex-start;flex-direction:column;gap:1rem}.copy-button{justify-content:center;width:100%}.base64-input-textarea,.base64-textarea{font-size:.8rem;min-height:150px}}.video-to-audio-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.audio-result-minimal{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;padding:2rem;width:100%}.audio-icon-success{color:var(--primary-color);font-size:4rem;opacity:.3}.audio-player-minimal{border-radius:8px;max-width:320px;width:100%}@media (max-width:968px){.info-container,.video-audio-grid{grid-template-columns:1fr}.card-content{height:300px;max-height:300px}.circular-loader{height:60px;width:60px}.waiting-minimal{font-size:4rem}.audio-icon-success{font-size:3rem}}@media (max-width:640px){.video-to-audio-page{padding-top:60px}.video-audio-grid{gap:1rem}.card-content{height:250px;max-height:250px;padding:.75rem}.action-buttons-row{flex-direction:column;width:100%}.btn-primary-large,.btn-secondary{justify-content:center;width:100%}.info-section{padding:2rem 1.25rem}.info-card{padding:1.5rem}.info-card h3{font-size:1.25rem}.circular-loader{height:50px;width:50px}.waiting-minimal{font-size:3rem}.audio-icon-success{font-size:2.5rem}}.video-to-gif-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.video-gif-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.circular-loader{animation:rotate 2s linear infinite;height:80px;width:80px}.loader-path{stroke:var(--primary-color);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.gif-preview-minimal{border-radius:8px;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}@media (max-width:968px){.video-gif-grid{gap:1rem}.info-container,.video-gif-grid{grid-template-columns:1fr}.card-content{height:300px;max-height:300px}.circular-loader{height:60px;width:60px}.waiting-minimal{font-size:4rem}}@media (max-width:640px){.video-to-gif-page{padding-top:60px}.video-gif-grid{gap:1rem}.card-content{height:250px;max-height:250px;padding:.75rem}.action-buttons-row{flex-direction:column;width:100%}.btn-primary-large,.btn-secondary{justify-content:center;width:100%}.info-section{padding:2rem 1.25rem}.info-card{padding:1.5rem}.info-card h3{font-size:1.25rem}.circular-loader{height:50px;width:50px}.waiting-minimal{font-size:3rem}}.video-audio-remover-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.converter-workspace{display:flex;flex-direction:column;gap:2rem}.video-audio-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width:968px){.info-container,.video-audio-grid{grid-template-columns:1fr}.card-content{height:300px;max-height:300px}.waiting-minimal{font-size:4rem}.video-info-bar{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:640px){.video-audio-remover-page{padding-top:60px}.video-audio-grid{gap:1rem}.card-content{height:250px;max-height:250px}.action-buttons-row{flex-direction:column;width:100%}.btn-primary-large,.btn-secondary{justify-content:center;width:100%}.info-section{padding:2rem 1.25rem}.info-card{padding:1.5rem}.info-card h3{font-size:1.25rem}.waiting-minimal{font-size:3rem}}.video-compressor-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.compressor-workspace{display:flex;flex-direction:column;gap:2rem}.video-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.preview-card-minimal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;overflow:hidden}.card-header-small{align-items:center;background:var(--glass-bg);border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.card-header-small svg{color:var(--primary-color);font-size:1rem}.card-content{align-items:center;background:#000;display:flex;height:400px;justify-content:center;max-height:400px;min-width:0;overflow:hidden;padding:0;position:relative}.video-preview{background:#000;display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;outline:none;width:100%}.video-preview:focus{outline:none}.video-result-minimal{background:#000;height:100%;justify-content:center;width:100%}.video-info-bar,.video-result-minimal{align-items:center;display:flex;min-width:0}.video-info-bar{background:var(--glass-bg);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.video-info-name,.video-info-size{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-info-name{color:var(--text-primary);flex:1 1;font-weight:600}.video-info-size{flex-shrink:0}.compression-savings{color:#10b981;font-weight:700;margin-left:.25rem}.compression-controls{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem}.compression-mode-tabs{background:var(--glass-bg);border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.mode-tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.mode-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.mode-tab.active{background:var(--primary-gradient);box-shadow:0 2px 10px var(--primary-shadow);color:#fff}.quality-mode h3,.size-mode h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.quality-controls{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem}.quality-controls h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.quality-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.quality-btn{align-items:center;background:var(--glass-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;transition:all .3s ease}.quality-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.quality-btn.active{background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 20px var(--primary-shadow)}.quality-label{color:var(--text-primary);font-size:1rem;font-weight:700}.quality-btn.active .quality-label{color:#fff}.quality-desc{color:var(--text-secondary);font-size:.75rem;text-align:center}.quality-btn.active .quality-desc{color:#ffffffe6}.size-input-group{display:flex;flex-direction:column;gap:.75rem}.size-input-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input-with-unit{align-items:stretch;display:flex;gap:.75rem}.size-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;padding:1rem 1.25rem;transition:all .3s ease}.size-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ea580c1a;outline:none}.unit-select{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;min-width:80px;padding:1rem 1.5rem;transition:all .3s ease}.unit-select:focus{border-color:var(--primary-color);outline:none}.size-hint{background:var(--glass-bg);border-radius:8px;color:var(--text-secondary);font-size:.875rem;margin:0;padding:.75rem 1rem;text-align:center}.loading-circle{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.loading-circle span{color:var(--text-primary);font-weight:600}.spinning{animation:spin 1s linear infinite;color:var(--primary-color);font-size:3rem}.waiting-minimal{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-tertiary);display:flex;font-size:5rem;height:100%;justify-content:center;opacity:.2;width:100%}.error-message{background:#f443361a;border:1px solid #f443364d;border-radius:12px;color:#d32f2f;font-weight:600;padding:1rem 1.5rem;text-align:center}.action-buttons-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary-large{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;padding:1rem 3rem;transition:all .3s ease}.btn-primary-large:hover:not(:disabled){box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.btn-primary-large:disabled{cursor:not-allowed;opacity:.5}.btn-primary-large:disabled:hover{box-shadow:0 4px 20px var(--primary-shadow);transform:none}.btn-secondary{align-items:center;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 4px 16px #0000001a;color:var(--primary-color);transform:translateY(-2px)}.upload-zone{background:var(--card-bg);border:2px dashed var(--border-color);border-radius:20px;cursor:pointer;padding:4rem 2rem;text-align:center;transition:all .3s ease}.upload-zone.dragging,.upload-zone:hover{background:var(--glass-bg);border-color:var(--primary-color);transform:translateY(-4px)}.upload-icon{color:var(--primary-color);font-size:4rem;margin-bottom:1.5rem}.upload-zone h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.upload-zone p{color:var(--text-secondary);margin:0}.supported-formats{color:var(--text-tertiary)!important;font-size:.875rem!important;margin-top:.5rem!important}.info-section{background:var(--section-bg);padding:4rem 2rem}.info-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px #0000000d;padding:2rem}.info-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.info-card p{color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.info-card ul{display:flex;flex-direction:column;gap:.5rem;margin:0;padding-left:1.5rem}.info-card li{color:var(--text-secondary);line-height:1.6}.info-card strong{color:var(--text-primary)}@media (max-width:968px){.quality-options,.video-grid{grid-template-columns:1fr}.compression-mode-tabs{flex-direction:row}.info-container{grid-template-columns:1fr}.card-content{height:300px;max-height:300px}.waiting-minimal{font-size:4rem}.video-info-bar{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:640px){.video-compressor-page{padding-top:60px}.video-grid{gap:1rem}.card-content{height:250px;max-height:250px}.compression-controls{padding:1.5rem}.compression-mode-tabs{flex-direction:column;gap:.5rem}.quality-btn{padding:1.25rem .75rem}.input-with-unit{flex-direction:column}.unit-select{width:100%}.action-buttons-row{flex-direction:column;width:100%}.btn-primary-large,.btn-secondary{justify-content:center;width:100%}.info-section{padding:2rem 1.25rem}.info-card{padding:1.5rem}.info-card h3{font-size:1.25rem}.waiting-minimal{font-size:3rem}}.contact-page{min-height:100vh;padding-top:80px}.contact-hero{background:var(--hero-bg);overflow:hidden;padding:4rem 2rem 2rem;position:relative}.contact-hero-container{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.contact-icon-large{align-items:center;background:var(--primary-gradient);border-radius:20px;box-shadow:0 8px 32px var(--primary-shadow);display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.contact-icon-large svg{color:#fff;height:40px;width:40px}.contact-title{color:var(--text-primary);font-size:3rem;font-weight:800;letter-spacing:-.02em;margin:0}.contact-form-section{background:var(--section-bg);padding:4rem 2rem}.contact-form-container{margin:0 auto;max-width:700px}.contact-form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 8px 32px var(--card-shadow);padding:3rem}.contact-form{gap:2rem}.contact-form,.form-field{display:flex;flex-direction:column}.form-field{gap:.75rem}.form-label{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.form-label svg{color:var(--primary-color);height:18px;width:18px}.form-input,.form-textarea{background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-shadow)}.form-input:disabled,.form-textarea:disabled{cursor:not-allowed;opacity:.6}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea{min-height:150px;resize:vertical}.status-message{align-items:center;border-radius:12px;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem}.status-message svg{flex-shrink:0;height:20px;width:20px}.status-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.status-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.form-submit-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 20px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:.5rem;padding:1.125rem 2rem;transition:all .3s ease}.form-submit-btn:hover:not(:disabled){box-shadow:0 6px 30px var(--primary-shadow);transform:translateY(-2px)}.form-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-submit-btn svg,.spinner{height:20px;width:20px}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.contact-hero{padding:3rem 1.5rem 1.5rem}.contact-icon-large{border-radius:16px;height:64px;margin-bottom:1rem;width:64px}.contact-icon-large svg{height:32px;width:32px}.contact-title{font-size:2.25rem}.contact-form-section{padding:3rem 1.5rem}.contact-form-card{border-radius:20px;padding:2rem}.contact-form{gap:1.5rem}.form-input,.form-textarea{font-size:.95rem;padding:.875rem 1rem}.form-textarea{min-height:120px}.form-submit-btn{font-size:1rem;padding:1rem 1.75rem}}@media (max-width:480px){.contact-hero{padding:2.5rem 1.25rem 1.25rem}.contact-icon-large{height:56px;width:56px}.contact-icon-large svg{height:28px;width:28px}.contact-title{font-size:1.875rem}.contact-form-section{padding:2.5rem 1.25rem}.contact-form-card{border-radius:16px;padding:1.5rem}.form-label{font-size:.875rem}.form-label svg{height:16px;width:16px}.form-input,.form-textarea{font-size:.9rem;padding:.75rem .875rem}.form-submit-btn{font-size:.95rem;padding:.875rem 1.5rem}.status-message{font-size:.875rem;padding:.875rem 1rem}}.App{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.app-main{display:flex;flex:1 1;flex-direction:column}
/*# sourceMappingURL=main.2cde5450.css.map*/