.btn-primary[data-astro-cid-257u6qru]{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-primary[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(0 97 128/var(--tw-bg-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--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)}.btn-secondary[data-astro-cid-257u6qru]{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-secondary[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--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)}.btn-white[data-astro-cid-257u6qru]{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-white[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--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)}.btn-outline-white[data-astro-cid-257u6qru]{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-outline-white[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1))}.browser-visualization[data-astro-cid-257u6qru]{position:relative;transform-style:preserve-3d;animation:browserFloat 6s ease-in-out infinite}.browser-window[data-astro-cid-257u6qru]{position:relative;width:24rem;overflow:hidden;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));--tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25);--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)}.browser-header[data-astro-cid-257u6qru]{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity, 1));padding:.75rem 1rem}.browser-controls[data-astro-cid-257u6qru]{display:flex;gap:.5rem}.control[data-astro-cid-257u6qru]{height:.75rem;width:.75rem;border-radius:9999px}.close[data-astro-cid-257u6qru]{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity, 1))}.minimize[data-astro-cid-257u6qru]{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity, 1))}.maximize[data-astro-cid-257u6qru]{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity, 1))}.browser-address[data-astro-cid-257u6qru]{margin-left:1rem;margin-right:1rem;flex:1 1 0%}.address-bar[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.5rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}.address-text[data-astro-cid-257u6qru]{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity, 1))}.browser-content[data-astro-cid-257u6qru]{height:16rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity, 1));padding:1rem}.website-preview[data-astro-cid-257u6qru]>:not([hidden])[data-astro-cid-257u6qru]~:not([hidden])[data-astro-cid-257u6qru]{--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.website-header[data-astro-cid-257u6qru]{display:flex;align-items:center;justify-content:space-between;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:.75rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.logo-placeholder[data-astro-cid-257u6qru]{height:1.5rem;width:4rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1))}.nav-menu[data-astro-cid-257u6qru]{display:flex;gap:.75rem}.nav-item[data-astro-cid-257u6qru]{height:.5rem;width:3rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity, 1))}.website-hero[data-astro-cid-257u6qru]>:not([hidden])[data-astro-cid-257u6qru]~:not([hidden])[data-astro-cid-257u6qru]{--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.website-hero[data-astro-cid-257u6qru]{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hero-title[data-astro-cid-257u6qru]{height:1rem;width:75%;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1))}.hero-subtitle[data-astro-cid-257u6qru]{height:.75rem;width:100%;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity, 1))}.hero-button[data-astro-cid-257u6qru]{height:1.5rem;width:6rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(242 133 34/var(--tw-bg-opacity, 1))}.website-features[data-astro-cid-257u6qru]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.feature-card[data-astro-cid-257u6qru]{height:4rem;width:100%;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@keyframes browserFloat{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-5px) rotateX(2deg)}}.web-particles[data-astro-cid-257u6qru]{pointer-events:none;position:absolute;inset:0}.particle[data-astro-cid-257u6qru]{position:absolute;height:.25rem;width:.25rem;border-radius:9999px;background-color:#007b9c99;animation:webFlow 4s linear infinite}.particle[data-astro-cid-257u6qru]:nth-child(1){top:20%;left:20%;animation-delay:0s}.particle[data-astro-cid-257u6qru]:nth-child(2){top:40%;right:30%;animation-delay:1s}.particle[data-astro-cid-257u6qru]:nth-child(3){bottom:30%;left:40%;animation-delay:2s}.particle[data-astro-cid-257u6qru]:nth-child(4){top:60%;right:20%;animation-delay:3s}.particle[data-astro-cid-257u6qru]:nth-child(5){bottom:20%;right:40%;animation-delay:.5s}@keyframes webFlow{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:translateY(-100px) scale(1)}to{transform:translateY(-120px) scale(0);opacity:0}}.floating-element[data-astro-cid-257u6qru]{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in-up[data-astro-cid-257u6qru]{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}.delay-200[data-astro-cid-257u6qru]{animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.path-draw[data-astro-cid-257u6qru]{stroke-dasharray:100;stroke-dashoffset:100;animation:drawPath 2s ease-in-out forwards;animation-delay:.5s}@keyframes drawPath{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.floating-element[data-astro-cid-257u6qru],.fade-in-up[data-astro-cid-257u6qru],.path-draw[data-astro-cid-257u6qru],.browser-visualization[data-astro-cid-257u6qru],.particle[data-astro-cid-257u6qru]{animation:none}}.hero-builder-container[data-astro-cid-257u6qru]{overflow:hidden;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--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);max-height:500px}.steps-progress[data-astro-cid-257u6qru]{display:flex;align-items:center;justify-content:center;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:rgb(0 123 156 / .05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 123 156 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgb(242 133 34 / .05) var(--tw-gradient-to-position);padding:.75rem}.step-item[data-astro-cid-257u6qru]{display:flex;flex-direction:column;align-items:center;gap:.375rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity, 1));cursor:pointer;transition:all .3s ease}.step-item[data-astro-cid-257u6qru].active{--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1))}.step-item[data-astro-cid-257u6qru].active .step-number[data-astro-cid-257u6qru]{--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));--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--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)}.step-number[data-astro-cid-257u6qru]{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity, 1));font-size:.875rem;line-height:1.25rem;font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.step-line[data-astro-cid-257u6qru]{margin-left:.25rem;margin-right:.25rem;height:.125rem;width:3rem;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity, 1))}.step-item[data-astro-cid-257u6qru].active~.step-line[data-astro-cid-257u6qru]{--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1))}.builder-step[data-astro-cid-257u6qru]{display:none}.builder-step[data-astro-cid-257u6qru].active{display:block}#step-1[data-astro-cid-257u6qru]{padding:1rem;min-height:420px}.builder-grid[data-astro-cid-257u6qru]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;height:420px}.pieces-panel[data-astro-cid-257u6qru],.build-area[data-astro-cid-257u6qru],.preview-panel[data-astro-cid-257u6qru]{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity, 1));padding:.75rem;overflow-y:auto;overflow-x:hidden}.pieces-title[data-astro-cid-257u6qru],.build-title[data-astro-cid-257u6qru],.preview-title[data-astro-cid-257u6qru]{margin-bottom:.5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1));display:flex;align-items:center;gap:.375rem}.pieces-title[data-astro-cid-257u6qru] i[data-astro-cid-257u6qru],.build-title[data-astro-cid-257u6qru] i[data-astro-cid-257u6qru],.preview-title[data-astro-cid-257u6qru] i[data-astro-cid-257u6qru]{--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1))}.pieces-grid[data-astro-cid-257u6qru]>:not([hidden])[data-astro-cid-257u6qru]~:not([hidden])[data-astro-cid-257u6qru]{--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.piece-item[data-astro-cid-257u6qru]{border-radius:.5rem;border-width:2px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:.625rem;display:flex;cursor:grab;flex-direction:column;align-items:center;gap:.375rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.piece-item[data-astro-cid-257u6qru]:hover{--tw-border-opacity:1;border-color:rgb(0 123 156/var(--tw-border-opacity, 1));background-color:#007b9c0d}.piece-item[data-astro-cid-257u6qru]{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))}.piece-item[data-astro-cid-257u6qru]: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))}.piece-item[data-astro-cid-257u6qru]:active{cursor:grabbing;--tw-scale-x:.95;--tw-scale-y:.95;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))}.piece-item[data-astro-cid-257u6qru] i[data-astro-cid-257u6qru]{font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1))}.piece-item[data-astro-cid-257u6qru] span[data-astro-cid-257u6qru]{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity, 1))}.hero-canvas[data-astro-cid-257u6qru]{border-radius:.5rem;border-width:2px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));position:relative;min-height:350px;padding:.75rem}.canvas-placeholder[data-astro-cid-257u6qru]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity, 1))}.canvas-placeholder[data-astro-cid-257u6qru] i[data-astro-cid-257u6qru]{margin-bottom:.5rem;font-size:1.875rem;line-height:2.25rem}.canvas-placeholder[data-astro-cid-257u6qru] p[data-astro-cid-257u6qru]{font-size:.75rem;line-height:1rem}.canvas-piece[data-astro-cid-257u6qru]{border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(0 123 156/var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:.625rem;position:relative;margin-bottom:.5rem;cursor:move;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.canvas-piece[data-astro-cid-257u6qru]:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--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)}.canvas-piece[data-astro-cid-257u6qru].dragging{opacity:.5}.canvas-piece[data-astro-cid-257u6qru].drag-over{border-width:4px;--tw-border-opacity:1;border-color:rgb(242 133 34/var(--tw-border-opacity, 1))}.build-header[data-astro-cid-257u6qru]{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.btn-view-code[data-astro-cid-257u6qru]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1));padding:.375rem .75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));font-size:.75rem;line-height:1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-view-code[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(0 97 128/var(--tw-bg-opacity, 1))}.btn-view-code[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.375rem}.btn-view-code[data-astro-cid-257u6qru]:disabled{cursor:not-allowed;opacity:.5}.preview-header[data-astro-cid-257u6qru]{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.btn-preview-full[data-astro-cid-257u6qru]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity, 1));padding:.25rem .5rem;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1));font-size:.75rem;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-preview-full[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity, 1))}.btn-preview-full[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.25rem}.preview-overlay[data-astro-cid-257u6qru]{position:fixed;inset:0;z-index:50;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:2rem;display:none}.preview-overlay[data-astro-cid-257u6qru].active{display:flex}.preview-overlay-content[data-astro-cid-257u6qru]{border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));--tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25);--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);max-height:90vh;width:100%;max-width:56rem;overflow:auto;position:relative;padding:2rem}.preview-overlay-close[data-astro-cid-257u6qru]{position:absolute;top:1rem;right:1rem;height:2rem;width:2rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity, 1));display:flex;cursor:pointer;align-items:center;justify-content:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.preview-overlay-close[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity, 1))}.preview-overlay-hero[data-astro-cid-257u6qru]>:not([hidden])[data-astro-cid-257u6qru]~:not([hidden])[data-astro-cid-257u6qru]{--tw-space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.preview-overlay-hero[data-astro-cid-257u6qru]{text-align:center;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.preview-overlay-hero[data-astro-cid-257u6qru] .preview-title-text[data-astro-cid-257u6qru]{font-size:3rem;line-height:1;font-weight:700}.preview-overlay-hero[data-astro-cid-257u6qru] .preview-subtitle-text[data-astro-cid-257u6qru]{font-size:1.5rem;line-height:2rem}.preview-overlay-hero[data-astro-cid-257u6qru] .preview-button[data-astro-cid-257u6qru]{padding:1rem 2rem;font-size:1.125rem;line-height:1.75rem}.piece-remove[data-astro-cid-257u6qru]{position:absolute;top:-.375rem;right:-.375rem;height:1.25rem;width:1.25rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.piece-remove[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity, 1))}.preview-container[data-astro-cid-257u6qru]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:.75rem;display:flex;min-height:350px;align-items:center;justify-content:center}.preview-hero[data-astro-cid-257u6qru]{width:100%}.preview-hero[data-astro-cid-257u6qru]>:not([hidden])[data-astro-cid-257u6qru]~:not([hidden])[data-astro-cid-257u6qru]{--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.preview-hero[data-astro-cid-257u6qru]{text-align:center}.preview-title-text[data-astro-cid-257u6qru]{font-size:1.5rem;line-height:2rem;font-weight:700}.preview-subtitle-text[data-astro-cid-257u6qru]{font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity, 1))}.preview-button[data-astro-cid-257u6qru]{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1));padding:.625rem 1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.preview-button[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(0 97 128/var(--tw-bg-opacity, 1))}#step-2[data-astro-cid-257u6qru]{padding:1rem;min-height:420px}.customize-panel[data-astro-cid-257u6qru]>:not([hidden])[data-astro-cid-257u6qru]~:not([hidden])[data-astro-cid-257u6qru]{--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.customize-header[data-astro-cid-257u6qru]{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));padding-bottom:.75rem}.customize-header[data-astro-cid-257u6qru] h3[data-astro-cid-257u6qru]{font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1));display:flex;align-items:center;gap:.5rem}.customize-content[data-astro-cid-257u6qru]{max-height:320px}.customize-content[data-astro-cid-257u6qru]>:not([hidden])[data-astro-cid-257u6qru]~:not([hidden])[data-astro-cid-257u6qru]{--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.customize-content[data-astro-cid-257u6qru]{overflow-y:auto}.customize-group[data-astro-cid-257u6qru]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity, 1));padding:.75rem}.customize-group[data-astro-cid-257u6qru] h4[data-astro-cid-257u6qru]{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.customize-group[data-astro-cid-257u6qru] label[data-astro-cid-257u6qru]{margin-bottom:.375rem;display:block;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1))}.customize-group[data-astro-cid-257u6qru] input[data-astro-cid-257u6qru]{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity, 1));padding:.375rem .625rem;font-size:.875rem;line-height:1.25rem}.customize-group[data-astro-cid-257u6qru] input[data-astro-cid-257u6qru]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(0 123 156 / var(--tw-ring-opacity, 1))}.btn-next-step[data-astro-cid-257u6qru]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-next-step[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(0 97 128/var(--tw-bg-opacity, 1))}.btn-next-step[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.5rem}#step-3[data-astro-cid-257u6qru]{padding:1rem;min-height:420px}.code-preview-panel[data-astro-cid-257u6qru]>:not([hidden])[data-astro-cid-257u6qru]~:not([hidden])[data-astro-cid-257u6qru]{--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.code-tabs[data-astro-cid-257u6qru]{display:flex;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1))}.code-tab[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;border-bottom-width:2px;border-color:transparent;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.code-tab[data-astro-cid-257u6qru]:hover{--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1))}.code-tab[data-astro-cid-257u6qru].active{border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(0 123 156/var(--tw-border-opacity, 1));--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1))}.code-content[data-astro-cid-257u6qru]{position:relative;min-height:350px}.code-panel[data-astro-cid-257u6qru]{display:none}.code-panel[data-astro-cid-257u6qru] pre[data-astro-cid-257u6qru]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity, 1));padding:.75rem;--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity, 1));overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;max-height:320px;overflow-y:auto;line-height:1.5}.btn-restart[data-astro-cid-257u6qru]{width:100%;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1));font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-restart[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity, 1))}.btn-restart[data-astro-cid-257u6qru]{margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-copy[data-astro-cid-257u6qru]{margin-top:.5rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity, 1));padding:.375rem .75rem;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1));font-size:.75rem;line-height:1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-copy[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity, 1))}.btn-copy[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.375rem}.final-frame[data-astro-cid-257u6qru]{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));min-height:350px;background:#fff}@keyframes pieceDrop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.canvas-piece[data-astro-cid-257u6qru]{animation:pieceDrop .3s ease-out}@keyframes stepProgress{0%{width:0}to{width:100%}}.step-item[data-astro-cid-257u6qru].active~.step-line[data-astro-cid-257u6qru]{animation:stepProgress .5s ease-out}.example-panel[data-astro-cid-257u6qru]{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:rgb(0 123 156 / .1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 123 156 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgb(242 133 34 / .1) var(--tw-gradient-to-position);padding:1.5rem}.panel-header[data-astro-cid-257u6qru]{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.panel-header[data-astro-cid-257u6qru] span[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1))}.load-example-btn[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.load-example-btn[data-astro-cid-257u6qru]: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));--tw-bg-opacity:1;background-color:rgb(0 97 128/var(--tw-bg-opacity, 1))}.example-preview[data-astro-cid-257u6qru]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.example-hero[data-astro-cid-257u6qru]>:not([hidden])[data-astro-cid-257u6qru]~:not([hidden])[data-astro-cid-257u6qru]{--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.example-hero[data-astro-cid-257u6qru]{text-align:center}.example-title[data-astro-cid-257u6qru]{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#007b9c var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 123 156 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#f28522 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;line-height:2.25rem;font-weight:700;color:transparent}.example-subtitle[data-astro-cid-257u6qru]{font-size:1.125rem;line-height:1.75rem;color:#131517b3}.example-button[data-astro-cid-257u6qru]{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.example-button[data-astro-cid-257u6qru]:hover{--tw-bg-opacity:1;background-color:rgb(0 97 128/var(--tw-bg-opacity, 1))}.editor-wrapper[data-astro-cid-257u6qru]{position:relative}.code-tabs[data-astro-cid-257u6qru]{display:flex;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity, 1))}.code-tab[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#131517b3;border-bottom-width:2px;border-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.code-tab[data-astro-cid-257u6qru]:hover{--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1));background-color:#ffffff80}.code-tab[data-astro-cid-257u6qru].active{border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(0 123 156/var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1))}.code-panels[data-astro-cid-257u6qru]{position:relative;min-height:500px}.code-panel[data-astro-cid-257u6qru]{position:absolute;inset:0;display:none}.code-panel[data-astro-cid-257u6qru].active{display:block}.code-editor[data-astro-cid-257u6qru]{height:100%;width:100%;padding:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;resize:none;--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;border-width:0;min-height:500px;font-family:Courier New,monospace;line-height:1.6;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.code-editor[data-astro-cid-257u6qru]::-moz-placeholder{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity, 1))}.code-editor[data-astro-cid-257u6qru]::placeholder{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity, 1))}.result-panel[data-astro-cid-257u6qru]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:1rem}.result-header[data-astro-cid-257u6qru]{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));padding-bottom:.75rem}.result-title[data-astro-cid-257u6qru]{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1))}.run-btn[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(47 172 102/var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.run-btn[data-astro-cid-257u6qru]: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));--tw-bg-opacity:1;background-color:rgb(39 143 84/var(--tw-bg-opacity, 1))}.result-frame[data-astro-cid-257u6qru]{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));min-height:500px;background:#fff}.help-messages[data-astro-cid-257u6qru]{margin-top:1.5rem}.help-message[data-astro-cid-257u6qru]{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;background-color:#007b9c1a;padding:1rem;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1));border-width:1px;border-color:#007b9c33}.help-message[data-astro-cid-257u6qru] i[data-astro-cid-257u6qru]{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1))}@keyframes codePulse{0%,to{opacity:1}50%{opacity:.7}}.code-editor[data-astro-cid-257u6qru]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgb(0 123 156 / .2);animation:codePulse 2s ease-in-out infinite}