Lut Generator 0.15 -

<div class="controls"> <button id="randomizeBtn">๐ŸŽฒ RANDOMIZE LUT</button> <button id="smoothBtn">๐ŸŒ€ SMOOTH (3x3 blur)</button> <button id="gradientBtn">๐ŸŒˆ GRADIENT DIAGONAL</button> <button id="clearBtn">โ„๏ธ CLEAR (ZERO)</button> <div class="slider-container"> <label>๐Ÿ”ฎ EDIT STRENGTH</label> <input type="range" id="editStrength" min="0" max="1" step="0.01" value="0.35"> </div> </div> <div class="controls"> <button id="sinusoidalBtn">๐ŸŒŠ SINUSOIDAL RIPPLE</button> <button id="checkerBtn">โ—ฉ CHECKERBOARD 8x8</button> <button id="invertBtn">โ— INVERT LUT</button> </div> <div class="footer-note"> โœฆ 16x16 programmable LUT | Click / Drag on cells to paint values | Each cell = 32x32px โœฆ </div> </div> </div>

input[type="range"]::-webkit-slider-thumb -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; background: #5f9eff; cursor: pointer; box-shadow: 0 0 4px #9bc0ff; border: none; lut generator 0.15

.controls display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin: 1.5rem 0 0.8rem 0; ๐ŸŽฒ RANDOMIZE LUT&lt

.title-badge span color: #7aaef0; font-weight: 300; ๐ŸŒ€ SMOOTH (3x3 blur)&lt

.value-readout background: #03060c; padding: 0.3rem 1rem; border-radius: 2rem; font-family: monospace; font-weight: bold; font-size: 1rem; color: #f0b27a;