:root{--sl-off: rgba(0, 0, 0, .55)}.panel h2,.ctl-group{font:400 10.5px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#e8e6e16b}.ctl-group-row{margin:16px 0 12px}#controls>.ctl-group-row:first-child{margin-top:18px}#presets{gap:8px;margin-bottom:.25rem}.preset-btn{gap:3px}.preset-tile{aspect-ratio:3 / 2;border-radius:6px;border:1px solid rgba(232,230,225,.14);background:#e8e6e10f;transition:border-color .11s ease,transform .11s ease}.preset-btn:hover .preset-tile{border-color:#e8e6e166}.preset-btn:active .preset-tile{transform:scale(.97)}.preset-btn.on .preset-tile{border:1px solid var(--action);box-shadow:0 0 0 1px var(--action)}.preset-cap{font-size:.72rem;letter-spacing:.02em;text-transform:capitalize;color:#e8e6e19e}.preset-btn.on .preset-cap{color:var(--ink)}.ctl-row{grid-template-columns:96px 1fr;gap:12px;margin:0 0 16px}.ctl-label{font:400 13px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:0;color:#e8e6e1b8;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .11s ease}.ctl-label.is-scrubbing{color:var(--action);font-weight:400}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;outline:none;cursor:pointer;background:var(--sl-off);--thumb-w: 14px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--panel);border:2px solid var(--ink);box-shadow:none;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--panel);border:2px solid var(--ink);box-shadow:none;cursor:pointer}.ctl-ramp-bar{height:10px;border-radius:6px;border:0;margin:0 0 8px}.ctl-stops{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px}.ctl-stop{position:relative;flex-direction:row;align-items:center;justify-content:flex-start;height:30px;padding:0 8px 0 30px;gap:0;min-width:0;border-radius:8px;background:#e8e6e10f;cursor:pointer;transition:background-color .11s ease}.ctl-stop:hover{background:#e8e6e11c}.ctl-stop .icp-wrapper{position:absolute;left:7px;top:50%;transform:translateY(-50%);display:block}.ctl-stop .icp-trigger{width:16px!important;height:16px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important}.ctl-stop .icp-trigger .icp-swatch{width:100%!important;height:100%!important;border-radius:50%!important;border:0!important;margin:0!important;box-shadow:inset 0 0 0 1px #e8e6e138!important}.ctl-stop-cap{font:400 9px DM Mono,ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase;color:#e8e6e194;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;transition:color .11s ease}.ctl-stop:hover .ctl-stop-cap{color:var(--ink)}.ctl-seg{display:inline-flex;gap:2px;padding:2px;background:#e8e6e10f;border:0;border-radius:9px}.ctl-seg-btn{font-size:11.5px;line-height:1.1;padding:4px 9px;border-radius:7px;color:#e8e6e194}.ctl-seg-btn:hover{color:var(--ink);background:#e8e6e114}.ctl-seg-btn.on,.ctl-seg-btn.on:hover{background:color-mix(in srgb,var(--action) 14%,transparent);color:var(--action)}