.btn-primary[data-astro-cid-ndfx6t3m]{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-ndfx6t3m]: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-ndfx6t3m]{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-ndfx6t3m]: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-ndfx6t3m]{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-ndfx6t3m]: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-ndfx6t3m]{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-ndfx6t3m]: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))}.interactive-art-canvas[data-astro-cid-ndfx6t3m]{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:48rem;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity, 1));padding:1rem;--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);border:3px solid #007b9c;overflow:hidden}.canvas-header[data-astro-cid-ndfx6t3m]{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}.canvas-stats[data-astro-cid-ndfx6t3m]{display:flex;align-items:center;gap:.5rem}.feedback-message[data-astro-cid-ndfx6t3m]{position:absolute;top:5rem;left:50%;z-index:50;--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));border-radius:9999px;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);padding:.75rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1));font-size:1.125rem;line-height:1.75rem;font-weight:700;--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);animation:feedbackPop .5s ease-out;pointer-events:none}.feedback-message[data-astro-cid-ndfx6t3m].hidden{display:none}@keyframes feedbackPop{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.8)}50%{transform:translate(-50%) translateY(0) scale(1.1)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.canvas-wrapper[data-astro-cid-ndfx6t3m]{position:relative;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;min-height:350px}.side-panel[data-astro-cid-ndfx6t3m]{position:relative;border-radius:.75rem;border-width:2px;border-color:#007b9c33;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-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);transition:all .3s ease;min-width:60px;max-width:60px;overflow:hidden}.side-panel[data-astro-cid-ndfx6t3m].expanded{max-width:200px;min-width:200px}.panel-toggle[data-astro-cid-ndfx6t3m]{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background-image:linear-gradient(to bottom,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:#006180 var(--tw-gradient-to-position);--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:.2s}.panel-toggle[data-astro-cid-ndfx6t3m]:hover{--tw-gradient-from:#006180 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 97 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#007b9c var(--tw-gradient-to-position)}.panel-toggle[data-astro-cid-ndfx6t3m]{cursor:pointer;border:0;min-height:60px}.panel-toggle[data-astro-cid-ndfx6t3m]: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))}.panel-toggle[data-astro-cid-ndfx6t3m] i[data-astro-cid-ndfx6t3m]{font-size:1.25rem;line-height:1.75rem}.panel-label[data-astro-cid-ndfx6t3m]{font-size:.75rem;line-height:1rem;font-weight:700}.panel-content[data-astro-cid-ndfx6t3m]{display:none;padding:1rem}.feedback-message[data-astro-cid-ndfx6t3m].panel-content{display:none}.panel-content[data-astro-cid-ndfx6t3m]{max-height:290px;overflow-y:auto}.side-panel[data-astro-cid-ndfx6t3m].expanded .panel-content[data-astro-cid-ndfx6t3m]{display:block}.canvas-container[data-astro-cid-ndfx6t3m]{position:relative;flex:1 1 0%;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity, 1));padding:.75rem;border:2px dashed #007b9c;height:350px;overflow:hidden}.art-canvas-interactive[data-astro-cid-ndfx6t3m]{width:100%;cursor:crosshair;border-radius:.5rem;background:#fff;border:2px solid #e5e7eb;touch-action:none;display:block;height:350px}.canvas-overlay[data-astro-cid-ndfx6t3m]{pointer-events:none;position:absolute;inset:0}.paint-indicator[data-astro-cid-ndfx6t3m]{position:absolute;height:1rem;width:1rem;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity, 1));pointer-events:none;transform:translate(-50%,-50%);display:none}.paint-indicator[data-astro-cid-ndfx6t3m].active{display:block}.control-label-small[data-astro-cid-ndfx6t3m]{margin-bottom:.5rem;display:block;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1))}.color-palette-interactive[data-astro-cid-ndfx6t3m]{margin-bottom:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.color-btn[data-astro-cid-ndfx6t3m]{height:2.5rem;width:2.5rem;cursor:pointer;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.color-btn[data-astro-cid-ndfx6t3m]:hover{--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-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)}.color-btn[data-astro-cid-ndfx6t3m]{position:relative}.color-btn[data-astro-cid-ndfx6t3m].active{--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));border-width:4px;--tw-border-opacity:1;border-color:rgb(0 123 156/var(--tw-border-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);box-shadow:0 0 0 2px #fff,0 0 0 4px #007b9c}.color-picker[data-astro-cid-ndfx6t3m]{height:2.5rem;width:2.5rem;cursor:pointer;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.color-picker[data-astro-cid-ndfx6t3m]:hover{--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))}.tool-mode-selector[data-astro-cid-ndfx6t3m]{margin-bottom:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.tool-mode-btn[data-astro-cid-ndfx6t3m]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:.5rem;padding:.5rem .75rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity, 1));font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tool-mode-btn[data-astro-cid-ndfx6t3m]:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity, 1))}.tool-mode-btn[data-astro-cid-ndfx6t3m]:active{--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))}.tool-mode-btn[data-astro-cid-ndfx6t3m]{border:2px solid transparent}.tool-mode-btn[data-astro-cid-ndfx6t3m].active{--tw-border-opacity:1;border-color:rgb(0 123 156/var(--tw-border-opacity, 1));--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))}.tool-mode-btn[data-astro-cid-ndfx6t3m] i[data-astro-cid-ndfx6t3m]{font-size:.875rem;line-height:1.25rem}.assets-section[data-astro-cid-ndfx6t3m]{margin-top:1rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));padding-top:1rem}.assets-grid[data-astro-cid-ndfx6t3m]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.asset-btn[data-astro-cid-ndfx6t3m]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:.5rem;padding:.5rem;border-width:2px;--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));font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.asset-btn[data-astro-cid-ndfx6t3m]: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-border-opacity:1;border-color:rgb(0 123 156/var(--tw-border-opacity, 1))}.asset-btn[data-astro-cid-ndfx6t3m]:active{--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))}.asset-btn[data-astro-cid-ndfx6t3m].active{--tw-border-opacity:1;border-color:rgb(0 123 156/var(--tw-border-opacity, 1));--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))}.asset-btn[data-astro-cid-ndfx6t3m] i[data-astro-cid-ndfx6t3m]{font-size:1rem;line-height:1.5rem}.brush-size-control-vertical[data-astro-cid-ndfx6t3m]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.brush-slider[data-astro-cid-ndfx6t3m]{height:8rem;width:.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity, 1));background:linear-gradient(to bottom,#007b9c,#f28522);writing-mode:bt-lr;-webkit-appearance:slider-vertical}.brush-slider[data-astro-cid-ndfx6t3m]::-webkit-slider-thumb{height:1.25rem;width:1.25rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1));box-shadow:0 2px 4px #0003}.brush-slider[data-astro-cid-ndfx6t3m]::-moz-range-thumb{height:1.25rem;width:1.25rem;cursor:pointer;border-radius:9999px;border-width:0;--tw-bg-opacity:1;background-color:rgb(0 123 156/var(--tw-bg-opacity, 1));box-shadow:0 2px 4px #0003}.brush-size-value[data-astro-cid-ndfx6t3m]{text-align:center;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 123 156/var(--tw-text-opacity, 1))}.action-buttons-vertical[data-astro-cid-ndfx6t3m]{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.action-btn[data-astro-cid-ndfx6t3m]{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.action-btn[data-astro-cid-ndfx6t3m]: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))}.action-btn[data-astro-cid-ndfx6t3m]:active{--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))}.action-btn[data-astro-cid-ndfx6t3m]{white-space:nowrap}.btn-clear[data-astro-cid-ndfx6t3m]{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(19 21 23/var(--tw-text-opacity, 1))}.btn-clear[data-astro-cid-ndfx6t3m]:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity, 1))}.btn-download[data-astro-cid-ndfx6t3m]{--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))}.btn-download[data-astro-cid-ndfx6t3m]:hover{--tw-bg-opacity:1;background-color:rgb(0 97 128/var(--tw-bg-opacity, 1))}.canvas-instructions[data-astro-cid-ndfx6t3m]{margin-top:.5rem;text-align:center}.canvas-instructions[data-astro-cid-ndfx6t3m] p[data-astro-cid-ndfx6t3m]{font-size:.75rem;line-height:1rem}.animation-section[data-astro-cid-ndfx6t3m]{margin-top:1rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity, 1));padding-top:1rem}.animation-buttons-vertical[data-astro-cid-ndfx6t3m]{display:flex;flex-direction:column;gap:.5rem}.animation-btn[data-astro-cid-ndfx6t3m]{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.animation-btn[data-astro-cid-ndfx6t3m]: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))}.animation-btn[data-astro-cid-ndfx6t3m]:active{--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))}.animation-btn[data-astro-cid-ndfx6t3m]:disabled{cursor:not-allowed;opacity:.5}.btn-record[data-astro-cid-ndfx6t3m]{--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))}.btn-record[data-astro-cid-ndfx6t3m]:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity, 1))}@keyframes pulse{50%{opacity:.5}}.btn-record[data-astro-cid-ndfx6t3m].recording{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity, 1))}.btn-play[data-astro-cid-ndfx6t3m]{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1))}.btn-play[data-astro-cid-ndfx6t3m]:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity, 1))}.btn-stop[data-astro-cid-ndfx6t3m]{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1))}.btn-stop[data-astro-cid-ndfx6t3m]:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity, 1))}.btn-download-anim[data-astro-cid-ndfx6t3m]{--tw-bg-opacity:1;background-color:rgb(242 133 34/var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity, 1))}.btn-download-anim[data-astro-cid-ndfx6t3m]:hover{background-color:#f28522cc}.animation-status[data-astro-cid-ndfx6t3m]{margin-top:.5rem;text-align:center}.art-particles[data-astro-cid-ndfx6t3m]{pointer-events:none;position:absolute;inset:0}.particle[data-astro-cid-ndfx6t3m]{position:absolute;height:.25rem;width:.25rem;border-radius:9999px;background-color:#007b9c99;animation:artFlow 4s linear infinite}.particle[data-astro-cid-ndfx6t3m]:nth-child(1){top:20%;left:20%;animation-delay:0s}.particle[data-astro-cid-ndfx6t3m]:nth-child(2){top:40%;right:30%;animation-delay:1s}.particle[data-astro-cid-ndfx6t3m]:nth-child(3){bottom:30%;left:40%;animation-delay:2s}.particle[data-astro-cid-ndfx6t3m]:nth-child(4){top:60%;right:20%;animation-delay:3s}.particle[data-astro-cid-ndfx6t3m]:nth-child(5){bottom:20%;right:40%;animation-delay:.5s}@keyframes artFlow{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-ndfx6t3m]{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in-up[data-astro-cid-ndfx6t3m]{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}.delay-200[data-astro-cid-ndfx6t3m]{animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.path-draw[data-astro-cid-ndfx6t3m]{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-ndfx6t3m],.fade-in-up[data-astro-cid-ndfx6t3m],.path-draw[data-astro-cid-ndfx6t3m],.particle[data-astro-cid-ndfx6t3m]{animation:none}}