button:hover background: #2d405b; transform: translateY(-2px); border-color: #5f8ec9; color: white; box-shadow: 0 8px 16px rgba(0,0,0,0.3);
button, .preset-btn background: #1a2533; border: none; font-family: 'Segoe UI', 'Fira Code', monospace; font-weight: 600; font-size: 0.8rem; padding: 0.6rem 1.2rem; border-radius: 3rem; color: #d6e6ff; cursor: pointer; transition: all 0.15s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.4); letter-spacing: 0.3px; backdrop-filter: blur(2px); border: 1px solid #2f4057; lut generator 0.15
/* main instrument panel */ .lut-container background: rgba(22, 28, 38, 0.85); backdrop-filter: blur(2px); border-radius: 3rem; padding: 1.8rem 2rem 2rem 2rem; box-shadow: 0 20px 35px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255,255,255,0.05); border: 1px solid rgba(72, 187, 255, 0.2); button:hover background: #2d405b
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; box-shadow: 0 8px 16px rgba(0