Lut Generator 0.15 -

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;

<div class="info-bar"> <div class="title-badge">⚡ LUT GENERATOR <span>v0.15</span></div> <div class="coord-readout" id="coordDisplay">� hover: [— , —]</div> <div class="value-readout" id="valueDisplay">LUT value: 0.00</div> </div> lut generator 0.15

.value-readout background: #03060c; padding: 0.3rem 1rem; border-radius: 2rem; font-family: monospace; font-weight: bold; font-size: 1rem; color: #f0b27a; box-shadow: 0 0 4px #9bc0ff

canvas display: block; margin: 0 auto; border-radius: 1.2rem; box-shadow: 0 12px 28px black; cursor: crosshair; transition: all 0.1s ease; background: #000000; âš¡ LUT GENERATOR &lt

<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>