.SynestheticCanvas_canvas___Iigq{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.page_main__nw1Wk{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}.page_instructions__VylUP{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;pointer-events:none;transition:opacity 1s ease-out}.page_instructions__VylUP.page_fading__X1ZPl{opacity:0}.page_title__po7na{font-size:clamp(2rem,8vw,5rem);font-weight:200;letter-spacing:.1em;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:page_gradientShift__Ej5wy 3s ease infinite,page_titlePulse__Kfmn5 1.5s ease-in-out infinite;margin-bottom:1rem;text-shadow:0 0 40px rgba(102,126,234,.5)}.page_subtitle__YBgxm{font-size:clamp(1rem,3vw,1.5rem);font-weight:600;color:hsla(0,0%,100%,.9);margin-bottom:2rem;text-shadow:0 0 20px hsla(0,0%,100%,.5);animation:page_pulse__XPtbN 1s ease-in-out infinite;letter-spacing:.15em}.page_hint__IIe7Y{font-size:clamp(.875rem,2vw,1.125rem);color:hsla(0,0%,100%,.5);font-style:italic;animation:page_pulse__XPtbN 2s ease-in-out infinite}.page_controls__AOfq_{position:absolute;top:2rem;right:2rem;z-index:20;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.page_iconButton__hOl9u{width:50px;height:50px;border-radius:50%;border:2px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.page_iconButton__hOl9u:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);transform:scale(1.1)}.page_iconButton__hOl9u:active{transform:scale(.95)}.page_sliderControl__SOhuZ{display:flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);border-radius:25px;padding:.75rem 1rem;transition:all .3s ease}.page_sliderControl__SOhuZ:hover{background:rgba(0,0,0,.7);border-color:hsla(0,0%,100%,.4)}.page_sliderLabel__8ftjl{font-size:.875rem;color:hsla(0,0%,100%,.9);font-weight:500;white-space:nowrap}.page_slider__EldnE{width:100px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.2);outline:none;-webkit-appearance:none;cursor:pointer}.page_slider__EldnE::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.page_slider__EldnE::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(102,126,234,.5)}.page_slider__EldnE::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease}.page_slider__EldnE::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(102,126,234,.5)}.page_sliderValue__oiFSJ{font-size:.75rem;color:hsla(0,0%,100%,.7);font-weight:600;min-width:35px;text-align:right}.page_zones__Ukrog{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-around;z-index:15;pointer-events:none;animation:page_fadeInZones__GDbL_ .3s ease}.page_zone__TrLhr{position:absolute;transform:translateX(-50%);text-align:center;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);border-radius:20px;padding:1.5rem 2rem;animation:page_floatZone__5p_Vn 3s ease-in-out infinite}.page_zone__TrLhr:nth-child(2){animation-delay:.5s}.page_zone__TrLhr:nth-child(3){animation-delay:1s}.page_zone__TrLhr:nth-child(4){animation-delay:1.5s}.page_zoneLabel__76kXy{display:block;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page_zoneDesc__mY12J{display:block;font-size:.875rem;color:hsla(0,0%,100%,.7);font-style:italic}.page_palette__iVBKV{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);z-index:20;opacity:.4;transition:opacity .3s ease}.page_palette__iVBKV:hover{opacity:.8}.page_paletteBar__3GGqG{display:flex;gap:2px;border-radius:20px;overflow:hidden;border:2px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page_colorSegment__ht9Aq{width:60px;height:8px}.page_footer__F3MD0{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:20;text-align:center;font-size:.875rem;color:hsla(0,0%,100%,.3);font-weight:300;letter-spacing:.05em}.page_footer__F3MD0 kbd{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;padding:.2em .5em;font-family:monospace;font-size:.9em;color:hsla(0,0%,100%,.6)}@keyframes page_gradientShift__Ej5wy{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes page_pulse__XPtbN{0%,to{opacity:.5}50%{opacity:1}}@keyframes page_titlePulse__Kfmn5{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.3)}}@keyframes page_fadeInZones__GDbL_{0%{opacity:0;transform:translateY(calc(-50% - 20px))}to{opacity:1;transform:translateY(-50%)}}@keyframes page_floatZone__5p_Vn{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@media (max-width:768px){.page_controls__AOfq_{top:1rem;right:1rem;gap:.5rem}.page_iconButton__hOl9u{width:40px;height:40px;font-size:1.25rem}.page_sliderControl__SOhuZ{padding:.5rem .75rem}.page_slider__EldnE{width:80px}.page_sliderLabel__8ftjl{font-size:.75rem}.page_sliderValue__oiFSJ{font-size:.625rem;min-width:30px}.page_footer__F3MD0{bottom:1rem;font-size:.75rem}.page_palette__iVBKV{bottom:3.5rem}.page_colorSegment__ht9Aq{width:45px;height:6px}.page_zones__Ukrog{flex-direction:column;gap:.5rem;top:auto;bottom:5rem;transform:none}.page_zone__TrLhr{position:relative;left:auto!important;transform:none;padding:1rem 1.5rem;margin:0 auto;max-width:80%}.page_zoneLabel__76kXy{font-size:1.2rem}.page_zoneDesc__mY12J{font-size:.75rem}}