.page_container__LE0zM{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/harmonic-playspace.png);background-size:cover;background-position:50%;background-attachment:fixed;position:relative;color:white}.page_container__LE0zM:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:0}.page_container__LE0zM>*{position:relative;z-index:1}.page_title__l3LEQ{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page_content__25d4I{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.page_controlsWrapper__ReCv0{display:flex;gap:3rem;padding:1.5rem 2rem;background:rgba(0,0,0,.5);border:2px solid #333;border-radius:8px;align-items:flex-start}.page_controlSection__kceYc{display:flex;flex-direction:column;gap:.75rem;min-width:200px}.page_label__cXUSj{font-size:.875rem;color:#4ecdc4;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.page_buttonGroup__yyYXf{display:flex;gap:.5rem}.page_presetButton__nR9Mu{flex:1;padding:.5rem 1rem;background:#1a1a1a;border:2px solid #333;color:#888;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page_presetButton__nR9Mu:hover{border-color:#4ecdc4;color:#4ecdc4}.page_presetButton__nR9Mu.page_active__jJGXq{background:#4ecdc4;border-color:#4ecdc4;color:#000;box-shadow:0 0 15px rgba(78,205,196,.5)}.page_canvasControls__G1Hl1{display:flex;gap:.75rem;margin-top:1rem;justify-content:center}.page_canvasControlButton__ENta8{width:40px;height:40px;border-radius:6px;background:rgba(255,255,255,.05);border:2px solid #333;color:#4ecdc4;font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.page_canvasControlButton__ENta8:hover:not(:disabled){background:rgba(78,205,196,.1);border-color:#4ecdc4;color:#4ecdc4;box-shadow:0 0 10px rgba(78,205,196,.3)}.page_canvasControlButton__ENta8:active:not(:disabled){transform:scale(.95);background:rgba(78,205,196,.2)}.page_canvasControlButton__ENta8:disabled{opacity:.3;cursor:not-allowed}.page_slider__Jm06x{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#333;outline:none;cursor:pointer}.page_slider__Jm06x::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4ecdc4;cursor:pointer;box-shadow:0 0 10px rgba(78,205,196,.5);transition:all .2s ease}.page_slider__Jm06x::-webkit-slider-thumb:hover{background:#5fddd4;box-shadow:0 0 15px rgba(78,205,196,.8);transform:scale(1.1)}.page_slider__Jm06x::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4ecdc4;cursor:pointer;border:none;box-shadow:0 0 10px rgba(78,205,196,.5);transition:all .2s ease}.page_slider__Jm06x::-moz-range-thumb:hover{background:#5fddd4;box-shadow:0 0 15px rgba(78,205,196,.8);transform:scale(1.1)}.page_canvasWrapper__Rr_fs{position:relative;display:inline-block}.page_canvas__xt6SJ{border:2px solid #333;border-radius:8px;cursor:grab;box-shadow:0 8px 32px rgba(0,0,0,.5);display:block;background:rgba(10,10,10,.5);backdrop-filter:blur(5px)}.page_canvas__xt6SJ:active{cursor:grabbing}.page_startOverlay__SAZkC{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;border-radius:8px}.page_startButton__JYcOt{font-size:3rem;font-weight:700;font-family:Courier New,monospace;color:#00ff00;background:#000000;border:4px solid #00ff00;padding:1.5rem 4rem;cursor:pointer;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00;box-shadow:0 0 20px rgba(0,255,0,.5),inset 0 0 20px rgba(0,255,0,.1);transition:all .2s ease;letter-spacing:.5rem}.page_startButton__JYcOt:hover{background:#001100;box-shadow:0 0 30px rgba(0,255,0,.8),inset 0 0 30px rgba(0,255,0,.2);text-shadow:0 0 15px #00ff00,0 0 30px #00ff00,0 0 45px #00ff00;transform:scale(1.05)}.page_startButton__JYcOt:active{transform:scale(.98)}.page_instruction__3JLp3{font-size:1rem;color:rgba(255,255,255,.6);margin-top:.5rem;text-align:center}