._canvasContainer_1uuoh_1{touch-action:none;aspect-ratio:4/3;border:1px solid #444;border-radius:8px;width:100%;max-width:800px;margin:1rem auto;position:relative;overflow:hidden}._canvas_1uuoh_1{background-color:#1a1a1a;width:100%;height:100%;display:block}._instructions_1uuoh_20{color:#888;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._canvas_3og8c_1{background-color:#1a1a1a;width:100%;height:100%;display:block}._controls_1vhnc_1{background-color:#2a2a2a;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:800px;margin:0 auto;padding:1rem;display:flex}._controlGroup_1vhnc_13{flex-direction:column;align-items:center;gap:.25rem;min-width:200px;display:flex}._controlGroup_1vhnc_13 label{color:#ccc;font-size:.9rem}._controlGroup_1vhnc_13 span{color:#fff;text-align:right;min-width:30px;font-family:monospace;font-size:.9rem}._stepperContainer_1vhnc_34{align-items:center;gap:.5rem;display:flex}._stepperButton_1vhnc_40{color:#fff;cursor:pointer;background-color:#4a4a4a;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:background-color .2s;display:flex}._stepperButton_1vhnc_40:hover{background-color:#5a5a5a}._stepperButton_1vhnc_40:disabled{color:#777;cursor:not-allowed;background-color:#333}._numberInput_1vhnc_65{text-align:center;color:#fff;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;width:60px;height:32px;font-family:monospace;font-size:1rem}._numberInput_1vhnc_65::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._numberInput_1vhnc_65::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._numberInput_1vhnc_65[type=number]{-moz-appearance:textfield}._button_1vhnc_87{color:#fff;text-align:center;cursor:pointer;background-color:#4a4a4a;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;text-decoration:none;transition:background-color .2s;display:inline-block}._button_1vhnc_87:hover{background-color:#5a5a5a}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;width:100%;max-width:1280px;margin:0 auto;padding:2rem}h1{margin-bottom:.5rem;font-size:2.5em;line-height:1.1}.footer{text-align:center;opacity:.7;margin-top:2rem;padding:1rem}.footer-link{color:#00bfff;text-decoration:none}