.Composite-module-scss-module__eqNkpW__wrapper{background-color:#000;width:100vw;height:100vh;margin:0;padding:0;display:flex}.Composite-module-scss-module__eqNkpW__canvasContainer{background-color:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.Composite-module-scss-module__eqNkpW__canvasOutput,.Composite-module-scss-module__eqNkpW__canvasOverlay{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.Composite-module-scss-module__eqNkpW__canvasOverlay{pointer-events:none;position:absolute}.Composite-module-scss-module__eqNkpW__controls{box-sizing:border-box;text-shadow:0 -1px #000;color:#ffffffde;scrollbar-width:thin;scrollbar-color:#555 #333;background-color:#333;flex-direction:column;flex-shrink:0;width:auto;min-width:350px;max-width:400px;height:100vh;padding:40px 20px 20px;display:flex;overflow:hidden auto;box-shadow:inset -10px 0 20px #000000bf}.Composite-module-scss-module__eqNkpW__controls::-webkit-scrollbar{width:6px}.Composite-module-scss-module__eqNkpW__controls::-webkit-scrollbar-track{background:#333}.Composite-module-scss-module__eqNkpW__controls::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.Composite-module-scss-module__eqNkpW__controls h3{margin-top:20px;margin-bottom:10px;font-size:1.2em}.Composite-module-scss-module__eqNkpW__controlButtons{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.Composite-module-scss-module__eqNkpW__controlGroup{align-items:center;gap:10px;margin-bottom:15px;display:flex}.Composite-module-scss-module__eqNkpW__controlLabel{text-align:right;min-width:120px;max-width:140px;font-size:.9em}.Composite-module-scss-module__eqNkpW__controlSlider{appearance:none;background:#555;border-radius:3px;outline:none;flex:1;height:6px}.Composite-module-scss-module__eqNkpW__controlSlider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4a8;border-radius:50%;width:16px;height:16px}.Composite-module-scss-module__eqNkpW__controlSlider::-moz-range-thumb{cursor:pointer;background:#4a8;border:none;border-radius:50%;width:16px;height:16px}.Composite-module-scss-module__eqNkpW__controlValue{text-align:left;white-space:nowrap;min-width:60px;font-family:monospace}.Composite-module-scss-module__eqNkpW__imageControls{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}.Composite-module-scss-module__eqNkpW__pasteHint{opacity:.7;text-align:center;font-size:.8em}.Composite-module-scss-module__eqNkpW__button{cursor:pointer;color:#ffffffde;background-color:#ffffff1a;border:none;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500}.Composite-module-scss-module__eqNkpW__button:hover{background-color:#fff3}.Composite-module-scss-module__eqNkpW__button:focus,.Composite-module-scss-module__eqNkpW__button:focus-visible{outline:4px auto -webkit-focus-ring-color}