Lut Generator 0.15 -

.title-badge span color: #7aaef0; font-weight: 300;

.lut-panel background: #0a0d14; border-radius: 2rem; padding: 1.5rem; box-shadow: inset 0 2px 6px rgba(0,0,0,0.6), 0 8px 20px rgba(0,0,0,0.3);

input[type="range"] width: 160px; height: 4px; -webkit-appearance: none; background: #2c3e4e; border-radius: 5px; outline: none; 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>

.title-badge background: #1e2a3a; padding: 0.3rem 1rem; border-radius: 3rem; font-size: 0.9rem; letter-spacing: 1px; font-weight: 600; backdrop-filter: blur(4px); border-left: 3px solid #3b82f6; font-family: monospace; .title-badge span color: #7aaef0

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

.footer-note font-size: 0.7rem; text-align: center; margin-top: 1rem; color: #5e779b; font-family: monospace; .lut-panel background: #0a0d14

.slider-container label font-size: 0.75rem; font-weight: 500; color: #8aaee0;