.zUU8zW_animationContainer{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 50%,#faf5ff 100%);border:1px solid #7c3aed1a;border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #7c3aed1a,0 4px 16px #7c3aed0d}.zUU8zW_animationContainer:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 30%,#7c3aed08 50%,#0000 70%);animation:3s infinite zUU8zW_shimmer;position:absolute;inset:0}@keyframes zUU8zW_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.zUU8zW_svg{filter:drop-shadow(0 4px 16px #0000001a);z-index:2;max-width:100%;height:auto;position:relative}.zUU8zW_documentArea{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translate(-20px)scale(.9)}.zUU8zW_documentArea.zUU8zW_active{opacity:1;transform:translate(0)scale(1)}.zUU8zW_document{transition:all .3s}.zUU8zW_document:hover{filter:drop-shadow(0 8px 16px #dc26264d)}.zUU8zW_cursor{opacity:0;transition:opacity .3s}.zUU8zW_cursor.zUU8zW_selecting{opacity:1;animation:1.5s infinite zUU8zW_cursorPulse}@keyframes zUU8zW_cursorPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.zUU8zW_toolsArea{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1) .2s;transform:translateY(-20px)scale(.9)}.zUU8zW_toolsArea.zUU8zW_active{opacity:1;transform:translateY(0)scale(1)}.zUU8zW_toolPalette{transition:all .3s}.zUU8zW_toolPalette:hover{filter:drop-shadow(0 8px 20px #0ea5e94d)}.zUU8zW_editTools{opacity:0;transition:opacity .5s .3s}.zUU8zW_toolsArea.zUU8zW_active .zUU8zW_editTools{opacity:1}.zUU8zW_editSparkles{opacity:0;transition:opacity .4s}.zUU8zW_editSparkles.zUU8zW_sparkling{opacity:1}.zUU8zW_sparkle1,.zUU8zW_sparkle2,.zUU8zW_sparkle3,.zUU8zW_sparkle4{animation:2s ease-in-out infinite zUU8zW_sparkle}.zUU8zW_sparkle2{animation-delay:.4s}.zUU8zW_sparkle3{animation-delay:.8s}.zUU8zW_sparkle4{animation-delay:1.2s}@keyframes zUU8zW_sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.5)rotate(180deg)}}.zUU8zW_saveArea{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1) .4s;transform:translate(20px)scale(.9)}.zUU8zW_saveArea.zUU8zW_active{opacity:1;transform:translate(0)scale(1)}.zUU8zW_saveIcon{transition:all .3s}.zUU8zW_saveIcon:hover{filter:drop-shadow(0 8px 20px #7c3aed66)}.zUU8zW_saveArrow{transition:all .3s}.zUU8zW_saveArrow.zUU8zW_saving{animation:2s infinite zUU8zW_saveAnimation}@keyframes zUU8zW_saveAnimation{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(8px)}}.zUU8zW_progressRing{transition:stroke-dashoffset .3s}.zUU8zW_progressRing.zUU8zW_progressing{animation:2.5s ease-out zUU8zW_progressAnimation}@keyframes zUU8zW_progressAnimation{0%{stroke-dashoffset:113px}to{stroke-dashoffset:0}}.zUU8zW_connectionLine{stroke-dasharray:50;stroke-dashoffset:50px;transition:stroke-dashoffset .8s}.zUU8zW_connectionLine.zUU8zW_animated{stroke-dashoffset:0}.zUU8zW_successMark{opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1) .8s;transform:scale(0)rotate(-45deg)}.zUU8zW_successMark.zUU8zW_showSuccess{opacity:1;transform:scale(1)rotate(0)}.zUU8zW_checkmark{stroke-dasharray:20;stroke-dashoffset:20px;animation:.8s ease-out 1.4s forwards zUU8zW_drawCheck}@keyframes zUU8zW_drawCheck{to{stroke-dashoffset:0}}.zUU8zW_stepIndicators{z-index:2;justify-content:center;align-items:center;gap:2rem;margin-top:1rem;display:flex;position:relative}.zUU8zW_stepIndicator{cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s;display:flex}.zUU8zW_stepDot{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 4px #0000001a}.zUU8zW_stepDotInner{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;transition:all .3s}.zUU8zW_stepIndicator.zUU8zW_activeIndicator .zUU8zW_stepDot{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:scale(1.2);box-shadow:0 0 0 3px #7c3aed33,0 0 16px #7c3aed4d}.zUU8zW_stepIndicator.zUU8zW_activeIndicator .zUU8zW_stepDotInner{opacity:1;animation:1.5s infinite zUU8zW_pulse}@keyframes zUU8zW_pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.zUU8zW_stepIndicator.zUU8zW_activeIndicator .zUU8zW_stepDot:after{content:"";border:2px solid #7c3aed4d;border-radius:50%;animation:2s infinite zUU8zW_ripple;position:absolute;inset:-3px}@keyframes zUU8zW_ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.zUU8zW_stepLabel{color:#6b7280;text-align:center;font-size:.75rem;font-weight:600;transition:all .3s}.zUU8zW_stepIndicator.zUU8zW_activeIndicator .zUU8zW_stepLabel{color:#7c3aed;font-weight:700;transform:scale(1.05)}@media (max-width:768px){.zUU8zW_animationContainer{gap:.75rem;padding:1rem}.zUU8zW_stepIndicators{gap:1.5rem}.zUU8zW_stepLabel{font-size:.65rem}.zUU8zW_svg{max-width:250px}}@media (max-width:480px){.zUU8zW_stepIndicators{gap:1rem}.zUU8zW_stepDot{width:10px;height:10px}.zUU8zW_stepDotInner{width:3px;height:3px}}.zUU8zW_animationContainer:hover .zUU8zW_document,.zUU8zW_animationContainer:hover .zUU8zW_toolPalette{transform:scale(1.02)}.zUU8zW_animationContainer:hover .zUU8zW_saveIcon{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.zUU8zW_animationContainer *,.zUU8zW_animationContainer :before,.zUU8zW_animationContainer :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.SAw8ma_editPage{background:linear-gradient(135deg,#f8faff 0%,#f1f5ff 100%);min-height:100vh;padding:0}.SAw8ma_heroSection{background:linear-gradient(135deg,#fff 0%,#f8faff 50%,#f0f9ff 100%);border-bottom:1px solid #6366f11a;padding:3rem 0 4rem;position:relative;overflow:hidden}.SAw8ma_heroSection:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#6366f10d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#a855f70d 0%,#0000 50%);position:absolute;inset:0}.SAw8ma_heroContent{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.SAw8ma_heroText{flex-direction:column;gap:2rem;display:flex}.SAw8ma_heroTitle{color:#1f2937;background:linear-gradient(135deg,#2563eb 0%,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.5rem;font-weight:800;line-height:1.1;position:relative}.SAw8ma_heroDescription{color:#6b7280;margin:0;font-size:1.25rem;font-weight:400;line-height:1.6}.SAw8ma_heroFeatures{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.SAw8ma_heroFeature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#fffc 0%,#f0f9ff99 100%);border:1px solid #6366f133;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.SAw8ma_heroFeature:before{content:"";background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.SAw8ma_heroFeature:hover:before{left:100%}.SAw8ma_heroFeature:hover{background:linear-gradient(135deg,#fffffff2 0%,#f0f9ffcc 100%);border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 8px 25px #6366f126}.SAw8ma_heroFeature .SAw8ma_featureIcon{filter:drop-shadow(0 2px 4px #0000001a);font-size:1.5rem;transition:transform .3s}.SAw8ma_heroFeature:hover .SAw8ma_featureIcon{transform:scale(1.1)rotate(5deg)}.SAw8ma_heroFeature span:last-child{color:#374151;z-index:1;font-size:.9rem;font-weight:600;position:relative}.SAw8ma_heroAnimation{justify-content:center;align-items:center;min-height:280px;display:flex;position:relative}.SAw8ma_heroAnimation:before{content:"";background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:120%;height:120%;animation:4s ease-in-out infinite SAw8ma_pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.SAw8ma_heroAnimation .animationContainer{z-index:2;width:100%;max-width:320px;margin:0 auto;position:relative}@keyframes SAw8ma_pulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.SAw8ma_toolsHeader{text-align:center;max-width:800px;margin:0 auto 3rem;padding:2rem 2rem 0}.SAw8ma_toolsHeader h2{color:#1f2937;background:linear-gradient(135deg,#2563eb 0%,#3b51f5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:2.5rem;font-weight:700}.SAw8ma_toolsHeader p{color:#6b7280;margin:0;font-size:1.125rem;line-height:1.6}.SAw8ma_popularSection{max-width:1200px;margin:0 auto 4rem;padding:0 2rem}.SAw8ma_popularSection h3{color:#1f2937;text-align:center;width:100%;margin:0 0 2rem;font-size:1.75rem;font-weight:600;display:inline-block;position:relative}.SAw8ma_popularSection h3:after{content:"";background:linear-gradient(135deg,#2563eb 0%,#3b51f5 100%);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.SAw8ma_allToolsSection{max-width:1200px;margin:0 auto 4rem;padding:0 2rem}.SAw8ma_allToolsSection h3{color:#1f2937;text-align:center;width:100%;margin:0 0 2rem;font-size:1.75rem;font-weight:600;display:inline-block;position:relative}.SAw8ma_allToolsSection h3:after{content:"";background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.SAw8ma_toolsGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:0 auto;display:grid}.SAw8ma_professionalSection{background:#fff;border:1px solid #f3f4f6;border-radius:20px;max-width:1200px;margin:4rem auto 0;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014}.SAw8ma_professionalSection:before{content:"";background:linear-gradient(135deg,#2563eb 0%,#3b51f5 50%,#10b981 100%);height:4px;position:absolute;top:0;left:0;right:0}.SAw8ma_professionalHeader{text-align:center;margin-bottom:3rem}.SAw8ma_professionalHeader h3{color:#1f2937;margin:0 0 1rem;font-size:2rem;font-weight:700}.SAw8ma_professionalHeader p{color:#6b7280;margin:0;font-size:1.125rem;line-height:1.6}.SAw8ma_featuresList{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.SAw8ma_featureItem{background:linear-gradient(135deg,#f8faff 0%,#f1f5ff 100%);border:1px solid #e0e7ff;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.SAw8ma_featureItem:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 0%,#2563eb08 100%);transition:opacity .3s;position:absolute;inset:0}.SAw8ma_featureItem:hover:before{opacity:1}.SAw8ma_featureItem:hover{border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 8px 24px #2563eb1f}.SAw8ma_featureIcon{background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.SAw8ma_featureItem:hover .SAw8ma_featureIcon{transform:scale(1.05);box-shadow:0 4px 12px #2563eb26}.SAw8ma_featureContent{flex:1}.SAw8ma_featureContent h4{color:#1f2937;margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.3}.SAw8ma_featureContent p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.SAw8ma_professionalCta{text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b51f5 100%);border-radius:16px;padding:2rem;position:relative;overflow:hidden}.SAw8ma_professionalCta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:3s ease-in-out infinite SAw8ma_shimmer;position:absolute;top:0;left:-100%}@keyframes SAw8ma_shimmer{0%{left:-100%}to{left:100%}}.SAw8ma_professionalCta h4{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.SAw8ma_professionalCta p{opacity:.9;margin:0;font-size:1rem;line-height:1.5}@keyframes SAw8ma_fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes SAw8ma_pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes SAw8ma_float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.SAw8ma_toolsGrid>*{animation:.6s ease-out both SAw8ma_fadeInUp}.SAw8ma_toolsGrid>:first-child{animation-delay:.1s}.SAw8ma_toolsGrid>:nth-child(2){animation-delay:.2s}.SAw8ma_toolsGrid>:nth-child(3){animation-delay:.3s}.SAw8ma_toolsGrid>:nth-child(4){animation-delay:.4s}.SAw8ma_toolsGrid>:nth-child(5){animation-delay:.5s}.SAw8ma_toolsGrid>:nth-child(6){animation-delay:.6s}@media (max-width:1024px){.SAw8ma_heroContent{gap:3rem}.SAw8ma_heroTitle{font-size:3rem}.SAw8ma_heroDescription{font-size:1.125rem}.SAw8ma_heroAnimation{min-height:260px}.SAw8ma_heroAnimation .animationContainer{max-width:300px}.SAw8ma_toolsGrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.SAw8ma_featuresList{grid-template-columns:1fr}.SAw8ma_professionalSection{margin-top:3rem;padding:2rem 1.5rem}}@media (max-width:768px){.SAw8ma_heroSection{padding:2rem 0 3rem}.SAw8ma_heroContent{text-align:center;grid-template-columns:1fr;gap:3rem}.SAw8ma_heroTitle{font-size:2.5rem}.SAw8ma_heroDescription{font-size:1.125rem}.SAw8ma_heroFeatures{grid-template-columns:1fr;gap:.75rem;max-width:300px;margin:0 auto}.SAw8ma_heroAnimation{order:-1;min-height:240px}.SAw8ma_heroAnimation .animationContainer{max-width:280px}.SAw8ma_editPage{padding:0}.SAw8ma_toolsHeader{margin-bottom:2rem;padding:1rem 1rem 0}.SAw8ma_toolsHeader h2{font-size:2rem}.SAw8ma_toolsHeader p{font-size:1rem}.SAw8ma_popularSection,.SAw8ma_allToolsSection{margin-bottom:3rem;padding:0 1rem}.SAw8ma_popularSection h3,.SAw8ma_allToolsSection h3{font-size:1.5rem}.SAw8ma_toolsGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.SAw8ma_professionalSection{margin-top:2rem;padding:2rem 1rem}.SAw8ma_professionalHeader h3{font-size:1.75rem}.SAw8ma_professionalHeader p{font-size:1rem}.SAw8ma_featuresList{gap:1.5rem}.SAw8ma_featureItem{padding:1.25rem}.SAw8ma_professionalCta{padding:1.5rem}.SAw8ma_professionalCta h4{font-size:1.25rem}.SAw8ma_professionalCta p{font-size:.875rem}}@media (max-width:640px){.SAw8ma_heroSection{padding:1.5rem 0 2.5rem}.SAw8ma_heroContent{gap:2.5rem;padding:0 1rem}.SAw8ma_heroTitle{font-size:2rem}.SAw8ma_heroDescription{font-size:1rem}.SAw8ma_heroFeatures{grid-template-columns:1fr;gap:.5rem}.SAw8ma_heroFeature{padding:.625rem .875rem}.SAw8ma_heroFeature .SAw8ma_featureIcon{font-size:1.25rem}.SAw8ma_heroFeature span:last-child{font-size:.8rem}.SAw8ma_toolsGrid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.SAw8ma_featuresList{grid-template-columns:1fr}.SAw8ma_featureItem{text-align:center;flex-direction:column;gap:1rem}.SAw8ma_featureIcon{align-self:center}.SAw8ma_heroAnimation{min-height:220px}.SAw8ma_heroAnimation .animationContainer{max-width:260px;padding:1rem}}@media (max-width:480px){.SAw8ma_heroTitle{font-size:1.75rem}.SAw8ma_heroFeatures{gap:.375rem}.SAw8ma_heroFeature{padding:.5rem .75rem}.SAw8ma_heroFeature span:last-child{font-size:.75rem}.SAw8ma_toolsHeader h2{font-size:1.75rem}.SAw8ma_popularSection h3,.SAw8ma_allToolsSection h3{font-size:1.25rem}.SAw8ma_professionalHeader h3{font-size:1.5rem}.SAw8ma_featureItem{padding:1rem}.SAw8ma_featureIcon{width:40px;height:40px;font-size:1.25rem}.SAw8ma_professionalCta{padding:1.25rem}.SAw8ma_heroAnimation{min-height:200px}.SAw8ma_heroAnimation .animationContainer{max-width:240px;padding:.75rem}}.SAw8ma_gradientText{background:linear-gradient(135deg,#2563eb 0%,#3b51f5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.SAw8ma_floatingAnimation{animation:6s ease-in-out infinite SAw8ma_float}.SAw8ma_pulseAnimation{animation:4s ease-in-out infinite SAw8ma_pulse}@media (prefers-color-scheme:dark){.SAw8ma_editPage{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.SAw8ma_toolsHeader h2{color:#f8fafc}.SAw8ma_toolsHeader p{color:#94a3b8}.SAw8ma_popularSection h3,.SAw8ma_allToolsSection h3{color:#f8fafc}.SAw8ma_professionalSection{background:#1e293b;border-color:#334155}.SAw8ma_professionalHeader h3{color:#f8fafc}.SAw8ma_professionalHeader p{color:#94a3b8}.SAw8ma_featureItem{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#475569}.SAw8ma_featureContent h4{color:#f8fafc}.SAw8ma_featureContent p{color:#94a3b8}.SAw8ma_featureIcon{background:#334155;border-color:#475569}}
