button:active transform: translateY(1px);
.info-bar display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 1rem; margin-top: 1.2rem; margin-bottom: 0.8rem; color: #bfd9ff; font-weight: 500; lut generator 0.15
<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> button:active transform: translateY(1px);
input[type="range"]:focus outline: none; button:active transform: translateY(1px)
.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;
.value-readout background: #03060c; padding: 0.3rem 1rem; border-radius: 2rem; font-family: monospace; font-weight: bold; font-size: 1rem; color: #f0b27a;
.slider-container display: flex; align-items: center; gap: 12px; background: #0f121cb3; padding: 0.2rem 1rem; border-radius: 3rem; backdrop-filter: blur(4px);