.tool-card-link:where(.astro-g5sewvjw){transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block}.tool-card-link:where(.astro-g5sewvjw):hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.tool-card-link:where(.astro-g5sewvjw){text-decoration:none}.tool-card:where(.astro-g5sewvjw){--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;padding:1.5rem;transition-property:box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative}.tool-card:where(.astro-g5sewvjw):hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tool-card:where(.astro-g5sewvjw){text-align:center;flex-direction:column;align-items:center;min-height:280px;display:flex}.tool-badge:where(.astro-g5sewvjw){--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity));border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;position:absolute;top:.5rem;right:.5rem}.tool-icon:where(.astro-g5sewvjw){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:.9;margin-bottom:1rem}.tool-title:where(.astro-g5sewvjw){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.tool-description:where(.astro-g5sewvjw){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:.9;flex-grow:1;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.tool-cta:where(.astro-g5sewvjw){background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:.2;border-radius:.5rem;align-items:center;padding:.5rem 1rem;display:inline-flex}.tool-cta:where(.astro-g5sewvjw):hover{--tw-bg-opacity:.3}.tool-cta:where(.astro-g5sewvjw){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-weight:600;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cta-text:where(.astro-g5sewvjw){font-size:.875rem;line-height:1.25rem}.bg-tool-wplace:where(.astro-g5sewvjw){background:linear-gradient(135deg,#667eea,#764ba2)}.bg-tool-pixel:where(.astro-g5sewvjw){background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-tool-editor:where(.astro-g5sewvjw){background:linear-gradient(135deg,#4facfe,#00f2fe)}.bg-tool-default:where(.astro-g5sewvjw){background:linear-gradient(135deg,#43e97b,#38f9d7)}[data-theme=light] .tool-card:where(.astro-g5sewvjw){--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-theme=dark] .tool-card:where(.astro-g5sewvjw){--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#00000080;--tw-shadow:var(--tw-shadow-colored)}.feature-card:where(.astro-vnivfuh2){--tw-bg-opacity:1;background-color:rgba(var(--color-card),var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;padding:1.5rem}.feature-card:where(.astro-vnivfuh2):hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.feature-card:where(.astro-vnivfuh2){transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.feature-card:where(.astro-vnivfuh2):hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.feature-card:where(.astro-vnivfuh2){--tw-border-opacity:1;border-width:1px;border-color:rgba(var(--color-border),var(--tw-border-opacity))}.feature-icon:where(.astro-vnivfuh2){--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.5rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1rem;display:flex}.feature-title:where(.astro-vnivfuh2){--tw-text-opacity:1;color:rgba(var(--color-text-base),var(--tw-text-opacity));margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.feature-description:where(.astro-vnivfuh2){--tw-text-opacity:1;color:rgba(var(--color-text-base),var(--tw-text-opacity));opacity:.8;font-size:.875rem;line-height:1.625}[data-theme=dark] .feature-card:where(.astro-vnivfuh2){--tw-bg-opacity:.5}[data-theme=dark] .feature-icon:where(.astro-vnivfuh2){--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#00000080;--tw-shadow:var(--tw-shadow-colored)}.group:where(.astro-vnivfuh2):hover .feature-icon:where(.astro-vnivfuh2){--tw-rotate:3deg;--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.steps-container:where(.astro-cmgpsf2k){grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid;position:relative}@media (min-width:768px){.steps-container:where(.astro-cmgpsf2k){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.steps-container:where(.astro-cmgpsf2k){grid-template-columns:repeat(4,minmax(0,1fr))}}.step-item:where(.astro-cmgpsf2k){position:relative}.step-content:where(.astro-cmgpsf2k){--tw-bg-opacity:1;background-color:rgba(var(--color-card),var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;padding:1.5rem}.step-content:where(.astro-cmgpsf2k):hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.step-content:where(.astro-cmgpsf2k){transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.step-content:where(.astro-cmgpsf2k):hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.step-content:where(.astro-cmgpsf2k){--tw-border-opacity:1;border-width:1px;border-color:rgba(var(--color-border),var(--tw-border-opacity));text-align:center}.step-number:where(.astro-cmgpsf2k){background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1}.step-title:where(.astro-cmgpsf2k){--tw-text-opacity:1;color:rgba(var(--color-text-base),var(--tw-text-opacity));margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.step-description:where(.astro-cmgpsf2k){--tw-text-opacity:1;color:rgba(var(--color-text-base),var(--tw-text-opacity));opacity:.8;font-size:.875rem;line-height:1.25rem}@media (min-width:1024px){.step-connector:where(.astro-cmgpsf2k){background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#93c5fd var(--tw-gradient-from-position);--tw-gradient-to:#93c5fd00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#d8b4fe var(--tw-gradient-to-position);z-index:0;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:calc(100% - 2rem);height:.125rem;margin-left:1rem;position:absolute;top:50%;left:100%}.step-item:where(.astro-cmgpsf2k):last-child .step-connector:where(.astro-cmgpsf2k){display:none}}@media (min-width:768px) and (max-width:1023px){.step-connector:where(.astro-cmgpsf2k){background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#93c5fd var(--tw-gradient-from-position);--tw-gradient-to:#93c5fd00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#d8b4fe var(--tw-gradient-to-position);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:.125rem;height:2rem;position:absolute;top:100%;left:50%}.step-item:where(.astro-cmgpsf2k):nth-child(2n) .step-connector:where(.astro-cmgpsf2k),.step-item:where(.astro-cmgpsf2k):nth-last-child(-n+2) .step-connector:where(.astro-cmgpsf2k){display:none}}@media (max-width:767px){.step-connector:where(.astro-cmgpsf2k){display:none}}[data-theme=dark] .step-content:where(.astro-cmgpsf2k){--tw-bg-opacity:.5}[data-theme=dark] .step-connector:where(.astro-cmgpsf2k){opacity:.3}.wplace-canvas-preview:where(.astro-hdfv3br6){animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}[data-theme=dark] #what-is-wplace:where(.astro-hdfv3br6){background:linear-gradient(135deg,#9333ea1a,#3b82f61a)}.hero-section:where(.astro-j7pv25f6){background:linear-gradient(135deg,#6366f10d,#10b9810d);padding:4rem 1rem;position:relative;overflow:hidden}.hero-content:where(.astro-j7pv25f6){text-align:center;max-width:56rem;margin-left:auto;margin-right:auto}.hero-title:where(.astro-j7pv25f6){margin-bottom:2rem}.hero-gradient:where(.astro-j7pv25f6){margin-bottom:1rem;font-size:2.25rem;font-weight:700;line-height:2.5rem;display:block}@media (min-width:640px){.hero-gradient:where(.astro-j7pv25f6){font-size:3.75rem;line-height:1}}.hero-gradient:where(.astro-j7pv25f6){background:linear-gradient(135deg,#667eea,#16b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle:where(.astro-j7pv25f6){--tw-text-opacity:1;color:rgba(var(--color-text-base),var(--tw-text-opacity));font-size:1.25rem;font-weight:500;line-height:1.75rem;display:block}@media (min-width:640px){.hero-subtitle:where(.astro-j7pv25f6){font-size:1.5rem;line-height:2rem}}.hero-description:where(.astro-j7pv25f6){--tw-text-opacity:1;color:rgba(var(--color-text-base),var(--tw-text-opacity));margin-bottom:2rem;font-size:1.125rem;line-height:1.625}.hero-actions:where(.astro-j7pv25f6){justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.hero-cta-primary:where(.astro-j7pv25f6){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));border-radius:.5rem;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.hero-cta-primary:where(.astro-j7pv25f6):hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.hero-cta-primary:where(.astro-j7pv25f6){background:linear-gradient(135deg,#667eea,#764ba2)}.hero-cta-secondary:where(.astro-j7pv25f6){--tw-border-opacity:1;border-width:2px;border-color:rgba(var(--color-border),var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity));transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));border-radius:.5rem;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.hero-cta-secondary:where(.astro-j7pv25f6):hover{--tw-bg-opacity:1;background-color:rgba(var(--color-fill),var(--tw-bg-opacity))}.social-wrapper:where(.astro-j7pv25f6){flex-direction:column;justify-content:center;margin-top:2rem;display:flex}@media (min-width:640px){.social-wrapper:where(.astro-j7pv25f6){flex-direction:row;align-items:center}}.social-links:where(.astro-j7pv25f6){--tw-text-opacity:1;color:rgba(var(--color-text-base),var(--tw-text-opacity));margin-bottom:.5rem;margin-right:.5rem;font-size:.875rem;line-height:1.25rem}@media (min-width:640px){.social-links:where(.astro-j7pv25f6){margin-bottom:0}}#featured:where(.astro-j7pv25f6),#recent-posts:where(.astro-j7pv25f6){padding-top:3rem;padding-bottom:1.5rem}#featured:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6),#recent-posts:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){letter-spacing:.025em;font-size:1.5rem;font-weight:600;line-height:2rem}.all-posts-btn-wrapper:where(.astro-j7pv25f6){text-align:center;margin-top:2rem;margin-bottom:2rem}#pixel-converter:where(.astro-j7pv25f6){width:100%}#pixel-converter:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){--tw-text-opacity:1;color:rgba(var(--color-text-base),var(--tw-text-opacity))}.pixelated{image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}#featured-tools:where(.astro-j7pv25f6){scroll-margin-top:2rem}#featured-tools:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){--tw-text-opacity:1;color:rgba(var(--color-text-base),var(--tw-text-opacity))}