svg{max-width:100%;}header a svg,#site-header svg,.site-logo-svg{width:40px !important;height:40px !important;max-width:40px !important;max-height:40px !important;min-width:40px !important;min-height:40px !important;flex-shrink:0 !important;display:inline-block !important;}footer a svg,.footer-logo-svg{width:28px !important;height:28px !important;max-width:28px !important;max-height:28px !important;min-width:28px !important;min-height:28px !important;flex-shrink:0 !important;display:inline-block !important;}#mobile-menu.hidden,#global-search-modal.hidden,#search-direct-match-banner.hidden,#modal-direct-match.hidden,#target-controls.hidden,#controls-section.hidden,#result-section.hidden,#mega-menu-dropdown.hidden,.mega-menu-dropdown.hidden,#mega-menu-dropdown:not(.is-open){display:none !important;}.desktop-nav-menu{display:none;}@media (min-width:768px){.desktop-nav-menu{display:flex !important;}}.mobile-actions-bar{display:flex;}@media (min-width:768px){.mobile-actions-bar{display:none !important;}}.header-link-lg{display:none;}@media (min-width:1024px){.header-link-lg{display:inline-flex !important;}}.header-link-xl{display:none;}@media (min-width:1280px){.header-link-xl{display:inline-flex !important;}}footer{display:block !important;width:100% !important;margin-top:auto !important;position:relative !important;z-index:20 !important;}:root{--ease-spring:cubic-bezier(0.16,1,0.3,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--spotlight-color:rgba(2,132,199,0.12);--primary:#0284c7;--primary-hover:#0369a1;--primary-light:#f0f9ff;}.dark{--spotlight-color:rgba(56,189,248,0.18);}.bg-primary{background-color:#0284c7 !important;}.hover\:bg-primaryHover:hover,.hover\:bg-primary:hover{background-color:#0369a1 !important;}.text-primary{color:#0284c7 !important;}.hover\:text-primary:hover{color:#0369a1 !important;}.border-primary{border-color:#0284c7 !important;}.hover\:border-primary:hover{border-color:#0284c7 !important;}.ring-primary{--tw-ring-color:#0284c7 !important;}.accent-primary{accent-color:#0284c7 !important;}.bg-darkBg,html.dark .bg-darkBg,body.dark .bg-darkBg,.dark .bg-darkBg,html.dark .dark\:bg-darkBg,body.dark .dark\:bg-darkBg,.dark .dark\:bg-darkBg{background-color:#0b0f19 !important;}.bg-darkCard,html.dark .bg-darkCard,body.dark .bg-darkCard,.dark .bg-darkCard,html.dark .dark\:bg-darkCard,body.dark .dark\:bg-darkCard,.dark .dark\:bg-darkCard{background-color:#131b2e !important;}.border-darkBorder,html.dark .border-darkBorder,body.dark .border-darkBorder,.dark .border-darkBorder,html.dark .dark\:border-darkBorder,body.dark .dark\:border-darkBorder,.dark .dark\:border-darkBorder{border-color:#233047 !important;}.bg-darkHover:hover,html.dark .bg-darkHover:hover,body.dark .bg-darkHover:hover,.dark .bg-darkHover:hover,html.dark .dark\:hover\:bg-darkHover:hover,body.dark .dark\:hover\:bg-darkHover:hover,.dark .dark\:hover\:bg-darkHover:hover{background-color:#1a243c !important;}input[type="range"]{accent-color:#0284c7 !important;}input[type="checkbox"]:checked,input[type="radio"]:checked{background-color:#0284c7 !important;border-color:#0284c7 !important;}html{scroll-behavior:smooth;}body{transition:background-color 0.35s var(--ease-smooth),color 0.35s var(--ease-smooth);}canvas{transform:translateZ(0);backface-visibility:hidden;will-change:transform;}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-16px);}to{opacity:1;transform:translateY(0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}@keyframes floatSlow{0%,100%{transform:translateY(0px);}50%{transform:translateY(-6px);}}@keyframes auroraPulse{0%,100%{opacity:0.6;transform:scale(1) translate(0%,0%);}50%{opacity:0.85;transform:scale(1.08) translate(2%,-2%);}}@keyframes flowGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes orbFloat1{0%{transform:translate3d(0,0,0) scale(1);opacity:0.5;}50%{transform:translate3d(45px,-30px,0) scale(1.15);opacity:0.75;}100%{transform:translate3d(-35px,25px,0) scale(0.95);opacity:0.45;}}@keyframes orbFloat2{0%{transform:translate3d(0,0,0) scale(1);opacity:0.45;}50%{transform:translate3d(-40px,35px,0) scale(1.18);opacity:0.7;}100%{transform:translate3d(30px,-25px,0) scale(0.9);opacity:0.45;}}@keyframes orbFloat3{0%{transform:translate3d(0,0,0) scale(0.92);opacity:0.4;}50%{transform:translate3d(-25px,-35px,0) scale(1.12);opacity:0.65;}100%{transform:translate3d(25px,20px,0) scale(0.98);opacity:0.4;}}@keyframes badgeSweep{0%{transform:translateX(-150%) skewX(-20deg);}30%,100%{transform:translateX(350%) skewX(-20deg);}}@keyframes shimmerSlide{0%{transform:translateX(-150%) skewX(-20deg);}100%{transform:translateX(250%) skewX(-20deg);}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,0.35);}50%{box-shadow:0 0 0 8px rgba(124,58,237,0);}}@keyframes dropzoneBreathing{0%,100%{border-color:rgba(124,58,237,0.4);box-shadow:0 0 0 0 rgba(124,58,237,0.15);}50%{border-color:rgba(124,58,237,0.9);box-shadow:0 0 0 6px rgba(124,58,237,0.1);}}@keyframes iconPop{0%{transform:scale(1);}50%{transform:scale(1.22) rotate(-6deg);}100%{transform:scale(1.1) rotate(0deg);}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(0.92);}100%{opacity:1;transform:translateY(0) scale(1);}}.animate-fade-in-up{animation:fadeInUp 0.5s var(--ease-spring) forwards;}.animate-fade-in-down{animation:fadeInDown 0.4s var(--ease-spring) forwards;}.animate-scale-in{animation:scaleIn 0.4s var(--ease-spring) forwards;}.animate-float{animation:floatSlow 4s ease-in-out infinite;}.animate-pulse-glow{animation:pulseGlow 2.5s infinite;}.aurora-bg{position:relative;overflow:hidden;isolation:isolate;}.hero-grid-overlay{background-size:38px 38px;background-image:linear-gradient(to right,rgba(0,0,0,0.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,0.04) 1px,transparent 1px);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 35%,transparent 100%);pointer-events:none;}.dark .hero-grid-overlay{background-image:linear-gradient(to right,rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,0.04) 1px,transparent 1px);}.aurora-orbs-container{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}.aurora-orb{position:absolute;border-radius:50%;filter:blur(85px);will-change:transform,opacity;pointer-events:none;}.aurora-orb-1{width:520px;height:440px;top:-5%;left:18%;background:radial-gradient(circle,rgba(124,58,237,0.32) 0%,rgba(168,85,247,0.14) 55%,transparent 75%);animation:orbFloat1 13s ease-in-out infinite alternate;}.dark .aurora-orb-1{background:radial-gradient(circle,rgba(168,85,247,0.42) 0%,rgba(124,58,237,0.2) 55%,transparent 75%);}.aurora-orb-2{width:480px;height:460px;top:5%;right:14%;background:radial-gradient(circle,rgba(236,72,153,0.28) 0%,rgba(244,63,94,0.12) 55%,transparent 75%);animation:orbFloat2 15s ease-in-out infinite alternate;}.dark .aurora-orb-2{background:radial-gradient(circle,rgba(244,63,94,0.38) 0%,rgba(236,72,153,0.18) 55%,transparent 75%);}.aurora-orb-3{width:420px;height:360px;bottom:-10%;left:42%;background:radial-gradient(circle,rgba(192,38,211,0.24) 0%,rgba(124,58,237,0.1) 55%,transparent 75%);animation:orbFloat3 17s ease-in-out infinite alternate;}.dark .aurora-orb-3{background:radial-gradient(circle,rgba(14,165,233,0.25) 0%,rgba(2,132,199,0.1) 55%,transparent 75%);}.hero-gradient-text{background:linear-gradient( 120deg,#0284c7 0%,#0ea5e9 25%,#06b6d4 50%,#38bdf8 75%,#0284c7 100% );background-size:260% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:flowGradient 6s ease-in-out infinite;filter:drop-shadow(0 0 28px rgba(2,132,199,0.35));display:inline-block;padding-bottom:0.25em;margin-bottom:-0.25em;padding-top:0.08em;margin-top:-0.08em;line-height:normal;}.dark .hero-gradient-text{background:linear-gradient( 120deg,#38bdf8 0%,#22d3ee 25%,#67e8f9 50%,#a5f3fc 75%,#38bdf8 100% );background-size:260% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 35px rgba(56,189,248,0.45));}.badge-shimmer{animation:badgeSweep 4.5s cubic-bezier(0.4,0,0.2,1) infinite;}.hero-feature-badge{will-change:transform,box-shadow;transition:transform 0.28s var(--ease-spring),box-shadow 0.28s ease,border-color 0.25s ease,background-color 0.25s ease;}.hero-cta-btn{box-shadow:0 10px 28px -4px rgba(2,132,199,0.4),0 0 45px -8px rgba(6,182,212,0.3);transition:transform 0.25s var(--ease-spring),box-shadow 0.25s ease,filter 0.25s ease;}.hero-cta-btn:hover{box-shadow:0 14px 34px -4px rgba(2,132,199,0.5),0 0 55px -4px rgba(6,182,212,0.4);}.tool-card{position:relative;background-color:#ffffff;border:1px solid #e2e8f0;transition:transform 0.35s var(--ease-spring),box-shadow 0.35s var(--ease-spring),border-color 0.25s ease,background-color 0.25s ease;will-change:transform,box-shadow;overflow:hidden;}.tool-card h3{color:#0f172a;}.tool-card p{color:#475569;}.tool-card:hover{transform:translateY(-4px) scale(1.008);border-color:#38bdf8 !important;box-shadow:0 16px 28px -8px rgba(2,132,199,0.15),0 6px 12px -4px rgba(0,0,0,0.04);}.tool-search-input,#tool-search-input,#tool-search-input-mobile{background-color:#ffffff !important;border:1px solid #e2e8f0 !important;color:#0f172a !important;}.cat-pill{background-color:#ffffff;border:1px solid #e2e8f0;color:#475569;}html.dark .tool-card,body.dark .tool-card,.dark .tool-card{background-color:#131b2e !important;border:1px solid #233047 !important;}html.dark .tool-card:hover,body.dark .tool-card:hover,.dark .tool-card:hover{border-color:#38bdf8 !important;box-shadow:0 16px 28px -8px rgba(56,189,248,0.22),0 6px 12px -4px rgba(0,0,0,0.3) !important;}html.dark .tool-card h3,body.dark .tool-card h3,.dark .tool-card h3{color:#ffffff !important;}html.dark .tool-card p,body.dark .tool-card p,.dark .tool-card p{color:#94a3b8 !important;}html.dark .tool-search-input,html.dark #tool-search-input,html.dark #tool-search-input-mobile,body.dark .tool-search-input,body.dark #tool-search-input,body.dark #tool-search-input-mobile,.dark .tool-search-input,.dark #tool-search-input,.dark #tool-search-input-mobile{background-color:#131b2e !important;border-color:#233047 !important;color:#ffffff !important;}html.dark .tool-search-input::placeholder,html.dark #tool-search-input::placeholder,html.dark #tool-search-input-mobile::placeholder,.dark .tool-search-input::placeholder{color:#64748b !important;}html.dark .cat-pill,body.dark .cat-pill,.dark .cat-pill{background-color:#131b2e !important;border-color:#233047 !important;color:#cbd5e1 !important;}html.dark .cat-pill.bg-gradient-to-r,body.dark .cat-pill.bg-gradient-to-r,.dark .cat-pill.bg-gradient-to-r,html.dark .cat-pill[class*="from-violet"],.dark .cat-pill[class*="from-violet"],html.dark .cat-pill[class*="from-sky"],.dark .cat-pill[class*="from-sky"]{background:linear-gradient(135deg,#0284c7 0%,#06b6d4 100%) !important;border-color:transparent !important;color:#ffffff !important;}.tool-card{position:relative;transition:transform 0.22s cubic-bezier(0.16,1,0.3,1),box-shadow 0.22s cubic-bezier(0.16,1,0.3,1),border-color 0.2s ease;}.tool-card:hover{transform:translateY(-3px);}.tool-card .go{transition:all 0.2s cubic-bezier(0.16,1,0.3,1);}.tool-card:hover .go{background:linear-gradient(135deg,#0284c7 0%,#06b6d4 100%) !important;color:#ffffff !important;transform:translateX(3px);box-shadow:0 4px 12px rgba(2,132,199,0.35);}.dark .tool-card .go{background-color:#1a243c;color:#94a3b8;}.dark .tool-card:hover .go{background:linear-gradient(135deg,#0284c7 0%,#06b6d4 100%) !important;color:#ffffff !important;box-shadow:0 4px 14px rgba(2,132,199,0.45);}.tool-card:hover .group-hover\:scale-110{animation:iconPop 0.45s var(--ease-bounce) forwards;}.tool-card::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.25),transparent );transform:skewX(-20deg);pointer-events:none;z-index:10;opacity:0;transition:opacity 0.2s ease;}.dark .tool-card::before{background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.06),transparent );}.tool-card:hover::before{opacity:1;animation:shimmerSlide 0.85s var(--ease-smooth);}.tool-card-spotlight{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity 0.3s ease;background:radial-gradient( 350px circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--spotlight-color),transparent 70% );}.tool-card:hover .tool-card-spotlight{opacity:1;}.cat-pill{position:relative;transition:transform 0.2s var(--ease-spring),background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;user-select:none;}.cat-pill:hover{transform:translateY(-1.5px) scale(1.02);}.cat-pill:active{transform:translateY(0.5px) scale(0.97);}button,.btn-action{transition:transform 0.18s var(--ease-spring),box-shadow 0.2s ease,background-color 0.2s ease,filter 0.2s ease;}button:active,.btn-action:active{transform:scale(0.975);}.btn-shimmer{}#compress-btn,#convert-btn,#resize-btn,#crop-btn,#remove-bg-btn,#split-btn,#generate-pdf-btn,#v2g-convert-btn{background:linear-gradient(135deg,#7c3aed 0%,#c026d3 50%,#f43f5e 100%) !important;border:none !important;box-shadow:0 4px 14px 0 rgba(124,58,237,0.35) !important;color:#ffffff !important;}#compress-btn:hover,#convert-btn:hover,#resize-btn:hover,#crop-btn:hover,#remove-bg-btn:hover,#split-btn:hover,#generate-pdf-btn:hover,#v2g-convert-btn:hover{background:linear-gradient(135deg,#6d28d9 0%,#a21caf 50%,#e11d48 100%) !important;box-shadow:0 6px 20px 0 rgba(124,58,237,0.45) !important;}#download-btn,#batch-download-btn,#download-pdf-btn,#download-sig-btn,#download-qr-btn,#download-qr-png,#download-palette-btn,#download-meme-btn,#download-blur-btn,#download-collage-jpg,#download-collage-png,#download-effect-btn,#download-filter-btn,#download-extracted-btn,#download-ico-btn,#download-passport-btn,#download-rotate-btn,#download-split-zip-btn,#download-video-btn,#download-zip-btn,#download-all-pages-zip,#v2g-download-btn,#strip-exif-btn{background:linear-gradient(135deg,#059669 0%,#0d9488 100%) !important;border:none !important;box-shadow:0 4px 14px 0 rgba(16,185,129,0.35) !important;color:#ffffff !important;}#download-btn:hover,#batch-download-btn:hover,#download-pdf-btn:hover,#download-sig-btn:hover,#download-qr-btn:hover,#download-qr-png:hover,#download-palette-btn:hover,#download-meme-btn:hover,#download-blur-btn:hover,#download-collage-jpg:hover,#download-collage-png:hover,#download-effect-btn:hover,#download-filter-btn:hover,#download-extracted-btn:hover,#download-ico-btn:hover,#download-passport-btn:hover,#download-rotate-btn:hover,#download-split-zip-btn:hover,#download-video-btn:hover,#download-zip-btn:hover,#download-all-pages-zip:hover,#v2g-download-btn:hover,#strip-exif-btn:hover{background:linear-gradient(135deg,#047857 0%,#0f766e 100%) !important;box-shadow:0 6px 20px 0 rgba(16,185,129,0.45) !important;}.dropzone,#drop-area,#drop-zone,.drop-area-box,#upload-area,[id$="-upload-area"],#batch-upload-area,#exif-upload-area,#collage-upload-area,#extract-upload-area{transition:transform 0.25s var(--ease-spring),border-color 0.25s ease,background-color 0.25s ease,box-shadow 0.25s ease;}#upload-area,[id$="-upload-area"],#batch-upload-area,#exif-upload-area,#collage-upload-area,#extract-upload-area{background-color:#f0f9ff;border:2px dashed #bae6fd;border-radius:1rem;}#upload-area:hover,[id$="-upload-area"]:hover,#batch-upload-area:hover,#exif-upload-area:hover,#collage-upload-area:hover,#extract-upload-area:hover{border-color:#0284c7;background-color:#e0f2fe;box-shadow:0 10px 25px -5px rgba(2,132,199,0.15);}.dark #upload-area,.dark [id$="-upload-area"],.dark #batch-upload-area,.dark #exif-upload-area,.dark #collage-upload-area,.dark #extract-upload-area{background-color:#0b0f19;border-color:#233047;}.dark #upload-area:hover,.dark [id$="-upload-area"]:hover,.dark #batch-upload-area:hover,.dark #exif-upload-area:hover,.dark #collage-upload-area:hover,.dark #extract-upload-area:hover{border-color:#38bdf8;background-color:#131b2e;box-shadow:0 10px 25px -5px rgba(56,189,248,0.2);}.metrics-card{background-color:#ffffff;border:1px solid #e2e8f0;border-radius:0.875rem;transition:border-color 0.2s ease,background-color 0.2s ease;}.dark .metrics-card{background-color:#131b2e;border-color:#233047;}.dropzone-drag-over,.drag-active{transform:scale(1.015) !important;border-color:#0284c7 !important;background-color:rgba(2,132,199,0.08) !important;box-shadow:0 0 0 5px rgba(2,132,199,0.2),0 15px 30px -10px rgba(2,132,199,0.25) !important;animation:dropzoneBreathing 2s infinite !important;}.dark .dropzone-drag-over,.dark .drag-active{background-color:rgba(56,189,248,0.12) !important;box-shadow:0 0 0 5px rgba(56,189,248,0.25),0 15px 30px -10px rgba(56,189,248,0.35) !important;}.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity 0.6s var(--ease-spring),transform 0.6s var(--ease-spring);will-change:opacity,transform;}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0);}.faq-toggle{transition:background-color 0.2s ease,color 0.2s ease;}.faq-toggle:hover{padding-left:1.35rem;}.faq-icon{transition:transform 0.3s var(--ease-spring);}.faq-content{transition:max-height 0.38s var(--ease-spring),opacity 0.28s ease,padding 0.3s ease;overflow:hidden;}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;}.toast-pill{pointer-events:auto;animation:toastSlideIn 0.35s var(--ease-spring) forwards;box-shadow:0 10px 25px -5px rgba(0,0,0,0.15),0 4px 6px -2px rgba(0,0,0,0.05);}.canvas-container{background-color:#faf5ff;background-image:linear-gradient(45deg,#ede9fe 25%,transparent 25%),linear-gradient(-45deg,#ede9fe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ede9fe 75%),linear-gradient(-45deg,transparent 75%,#ede9fe 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;}.dark .canvas-container{background-color:#090514;background-image:linear-gradient(45deg,#1c113b 25%,transparent 25%),linear-gradient(-45deg,#1c113b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c113b 75%),linear-gradient(-45deg,transparent 75%,#1c113b 75%);}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px;transition:background-color 0.2s ease;}.dark ::-webkit-scrollbar-thumb{background:#27272a;}::-webkit-scrollbar-thumb:hover{background:#94a3b8;}.dark ::-webkit-scrollbar-thumb:hover{background:#3f3f46;}input[type="range"]{cursor:pointer;touch-action:none;}input[type="range"]::-webkit-slider-thumb{width:18px;height:18px;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,0.25);transition:transform 0.15s var(--ease-bounce),box-shadow 0.15s ease;}input[type="range"]::-webkit-slider-thumb:hover,input[type="range"]::-webkit-slider-thumb:active{transform:scale(1.2);box-shadow:0 0 0 5px rgba(79,70,229,0.2);}@media (max-width:640px){button,input,select,textarea{font-size:14px !important;}}html,body{overflow-x:clip;max-width:100%;}#site-header{transition:background-color 0.25s var(--ease-smooth),box-shadow 0.25s var(--ease-smooth),border-color 0.25s var(--ease-smooth);}#site-header.scrolled{box-shadow:0 4px 20px -2px rgba(0,0,0,0.08),0 2px 6px -2px rgba(0,0,0,0.04);}.dark #site-header.scrolled{box-shadow:0 4px 25px -2px rgba(0,0,0,0.65),0 2px 8px -2px rgba(0,0,0,0.4);}html.dark{color-scheme:dark;background-color:#090514 !important;}html.dark body{background-color:#090514 !important;color:#e2e8f0 !important;}html.dark #site-header{background-color:rgba(9,5,20,0.92) !important;border-bottom-color:#28164f !important;}html.dark .dark\:bg-darkBg,html.dark .dark\:bg-black{background-color:#090514 !important;}html.dark .dark\:bg-darkCard{background-color:#130b29 !important;}html.dark .dark\:bg-darkHover{background-color:#1c113b !important;}html.dark .dark\:border-darkBorder{border-color:#28164f !important;}html.dark .dark\:bg-\[\#08080a\]{background-color:#0f0821 !important;}html.dark .dark\:text-white{color:#ffffff !important;}html.dark .dark\:text-gray-100{color:#f1f5f9 !important;}html.dark .dark\:text-gray-200{color:#e2e8f0 !important;}html.dark .dark\:text-gray-300{color:#cbd5e1 !important;}html.dark .dark\:text-gray-400{color:#94a3b8 !important;}html.dark .dark\:text-gray-500{color:#64748b !important;}html.dark .dark\:hover\:text-white:hover{color:#ffffff !important;}html.dark .dark\:hover\:bg-darkHover:hover{background-color:#1c113b !important;}html.dark footer{background-color:#06030e !important;border-top-color:#28164f !important;}.mega-menu-wrapper{position:relative;}.mega-menu-dropdown{position:absolute;right:-120px;top:100%;margin-top:8px;z-index:100;display:none;}.mega-menu-dropdown.is-open{display:block !important;}@media (max-width:1200px){.mega-menu-dropdown{right:-40px;}}@media (max-width:900px){.mega-menu-dropdown{right:-10px;}}html.dark .mega-menu-panel{background-color:rgba(19,11,41,0.98) !important;border-color:#28164f !important;box-shadow:0 25px 50px -12px rgba(0,0,0,0.7) !important;}html.dark #mobile-menu{background-color:rgba(9,5,20,0.98) !important;border-color:#28164f !important;}html.dark #global-search-modal>div{background-color:#130b29 !important;border-color:#28164f !important;}html.dark select,html.dark input[type="text"],html.dark input[type="number"],html.dark input[type="search"],html.dark textarea{background-color:#090514 !important;border-color:#28164f !important;color:#ffffff !important;}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s ease,color 0.2s ease;}.theme-toggle-btn:hover{transform:scale(1.08);}.theme-toggle-btn:active{transform:scale(0.94);}.theme-icon{transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);}.theme-toggle-btn:hover .theme-icon{transform:rotate(18deg);}@media (max-width:768px){html,body{overflow-x:hidden !important;max-width:100vw !important;width:100% !important;}.max-w-\[1600px\],.max-w-6xl,.max-w-5xl{padding-left:0.75rem !important;padding-right:0.75rem !important;}.rounded-2xl.border.p-4,.rounded-2xl.border.p-5,.rounded-2xl.border.p-6,.rounded-2xl.border.p-8,[id$="-workspace"],#workspace-area,#batch-workspace,#exif-workspace,#collage-workspace{padding:0.75rem !important;border-radius:1rem !important;margin-bottom:2rem !important;}.text-center.mb-8.animate-fade-in-up,.text-center.mb-8{margin-bottom:0.875rem !important;}.text-center.mb-8 h1{font-size:1.375rem !important;line-height:1.25 !important;margin-bottom:0.35rem !important;letter-spacing:-0.02em !important;}.text-center.mb-8 p.max-w-3xl{font-size:0.8125rem !important;line-height:1.35 !important;margin-bottom:0.5rem !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.text-center.mb-8 .flex.items-center.justify-center.flex-wrap{gap:0.35rem !important;}.text-center.mb-8 .flex.items-center.justify-center.flex-wrap span{font-size:0.6875rem !important;padding:0.2rem 0.5rem !important;line-height:1.2 !important;}#upload-area,[id$="-upload-area"],#batch-upload-area,#exif-upload-area,#collage-upload-area,#extract-upload-area{padding:1.5rem 1rem !important;border-radius:0.875rem !important;}#upload-area .w-16.h-16,[id$="-upload-area"] .w-16.h-16{width:3rem !important;height:3rem !important;font-size:1.25rem !important;margin-bottom:0.625rem !important;}#upload-area p.text-lg,[id$="-upload-area"] p.text-lg{font-size:0.9375rem !important;margin-bottom:0.25rem !important;line-height:1.3 !important;}#upload-area p.text-sm,[id$="-upload-area"] p.text-sm{font-size:0.75rem !important;line-height:1.3 !important;}.canvas-container,#compare-container,[id$="-canvas-container"]{min-height:190px !important;max-height:35vh !important;height:230px !important;width:100% !important;touch-action:pan-y !important;}.canvas-container img,#compare-container img,#compare-overlay img,#image-preview,#image-original-preview{max-height:220px !important;max-width:100% !important;object-fit:contain !important;}#bg-canvas,#collage-canvas,#signature-canvas,#blur-canvas,#effects-canvas,#filters-canvas,#meme-canvas{max-height:230px !important;max-width:100% !important;touch-action:none !important;}#compare-divider{touch-action:none !important;}#compare-divider>div{width:2rem !important;height:2rem !important;}#compare-container .absolute.bottom-2\.5,#compare-container .absolute.bottom-3{bottom:0.375rem !important;width:auto !important;max-width:95% !important;left:50% !important;transform:translateX(-50%) !important;display:flex !important;justify-content:center !important;padding:0.25rem !important;gap:0.25rem !important;}#compare-container .absolute.bottom-2\.5 button,#compare-container .absolute.bottom-3 button{padding:0.35rem 0.5rem !important;font-size:0.6875rem !important;white-space:nowrap !important;}.tool-actions-container{position:sticky !important;bottom:max(0.75rem,env(safe-area-inset-bottom,0.5rem)) !important;z-index:40 !important;background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;border:1px solid rgba(229,231,235,0.9) !important;border-radius:1rem !important;padding:0.625rem 0.75rem !important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.15),0 8px 10px -6px rgba(0,0,0,0.1) !important;}html.dark .tool-actions-container{background:rgba(10,10,12,0.95) !important;border-color:#27272a !important;box-shadow:0 10px 30px -5px rgba(0,0,0,0.8) !important;}}@media (max-width:639.98px){input[type="number"],input[type="text"],select{font-size:16px !important;min-height:44px !important;}*,*::before,*::after{box-sizing:border-box;}.flex,.grid{min-width:0 !important;}.flex>*,.grid>*{min-width:0 !important;}button,.btn,a.btn{max-width:100% !important;word-break:normal !important;}#workspace-area,[id$="-workspace"],[id^="workspace-"]{padding:0 !important;padding-bottom:max(5.5rem,calc(env(safe-area-inset-bottom,0px)+4rem)) !important;border:none !important;background:transparent !important;scroll-margin-top:5rem !important;}div[class*="max-w-[1600px]"][class*="rounded-2xl"],.w-full.max-w-\[1600px\].mx-auto.bg-white,.w-full.max-w-\[1600px\].mx-auto.dark\:bg-darkCard,.w-full.max-w-\[1600px\].mx-auto.rounded-2xl{padding-left:0.25rem !important;padding-right:0.25rem !important;padding-top:0.15rem !important;border:none !important;background:transparent !important;box-shadow:none !important;}#workspace-area .rounded-2xl.border,#workspace-area .rounded-xl.border,[id$="-workspace"] .rounded-2xl.border,[id$="-workspace"] .rounded-xl.border,[id^="workspace-"] .rounded-2xl.border,[id^="workspace-"] .rounded-xl.border,.bg-gray-50.rounded-2xl,.bg-gray-50.rounded-xl,.dark\:bg-\[\#08080a\].rounded-2xl,.dark\:bg-\[\#08080a\].rounded-xl{padding:0.625rem 0.625rem !important;border-radius:0.75rem !important;margin-bottom:0.5rem !important;}.metrics-card{display:block !important;padding:0.625rem !important;border-radius:0.875rem !important;margin-top:0.5rem !important;margin-bottom:0.5rem !important;background:#ffffff !important;border:1px solid #ede9fe !important;}html.dark .metrics-card{background:#130b29 !important;border-color:#28164f !important;}#strict-compliance-pill.hidden{display:none !important;}.mode-selector-grid,.grid.grid-cols-2.sm\:grid-cols-4{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0.35rem !important;padding:0.25rem !important;width:100% !important;border-radius:0.75rem !important;}.mode-selector-grid button,.grid.grid-cols-2.sm\:grid-cols-4 button{width:100% !important;min-height:42px !important;padding:0.45rem 0.35rem !important;font-size:0.75rem !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:0.35rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}.mode-selector-grid button span,.grid.grid-cols-2.sm\:grid-cols-4 button span{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}.target-preset-btn,.preset-btn,.preset-scale-btn,.pct-btn,.ratio-btn,.split-preset-btn,.cinematic-preset-btn,.blur-mode-btn{min-height:40px !important;padding:0.35rem 0.25rem !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;font-size:0.75rem !important;border-radius:0.625rem !important;overflow:hidden !important;}.target-preset-btn span,.preset-btn span,.preset-scale-btn span,.pct-btn span,.ratio-btn span,.split-preset-btn span,.cinematic-preset-btn span,.blur-mode-btn span{max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}#compress-btn,#download-btn,#crop-btn,#resize-btn,#convert-btn,#batch-process-btn,#batch-download-btn,#download-pdf-btn,#download-sig-btn,#download-qr-btn,#strip-exif-btn,#download-palette-btn,#split-btn,#download-meme-btn,#download-blur-btn,#download-collage-jpg,#download-collage-png,#download-effect-btn,#download-extracted-btn,#download-ico-btn,#download-passport-btn,#download-qr-png,#download-qr-svg,#download-rotate-btn,#download-split-zip-btn,#download-video-btn,#download-zip-btn,#download-all-pages-zip,#generate-pdf-btn,#start-batch-btn,#v2g-convert-btn,#v2g-download-btn{width:100% !important;padding:0.8rem 1rem !important;font-size:0.9375rem !important;min-height:48px !important;border-radius:0.75rem !important;touch-action:manipulation !important;}@keyframes downloadButtonGlow{0%{transform:scale(0.98);box-shadow:0 0 0 0 rgba(16,185,129,0.6);}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(16,185,129,0);}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0);}}#download-btn:not(.hidden),button[id^="download-"]:not(.hidden){animation:downloadButtonGlow 0.6s ease-out 1;}table{display:block !important;width:100% !important;max-width:100% !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;white-space:nowrap !important;}table th,table td{padding:0.5rem 0.625rem !important;font-size:0.6875rem !important;}#full-view-modal #close-modal-btn{top:1rem !important;right:1rem !important;width:2.75rem !important;height:2.75rem !important;font-size:1.75rem !important;}.w-full.max-w-\[1600px\].mx-auto.mb-6.px-4.animate-fade-in-up.flex{margin-bottom:0.75rem !important;gap:0.5rem !important;}.w-full.max-w-\[1600px\].mx-auto.mb-6.px-4.animate-fade-in-up.flex nav{max-width:55% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}.w-full.max-w-\[1600px\].mx-auto.mb-6.px-4.animate-fade-in-up.flex a{padding:0.35rem 0.65rem !important;font-size:0.75rem !important;}}