.index-module-scss-module__Lh29CW__field{flex-direction:column;gap:.8rem;display:flex}.index-module-scss-module__Lh29CW__field>span{color:var(--subtle);font-weight:600}.index-module-scss-module__Lh29CW__swatches{flex-wrap:wrap;gap:.8rem;display:flex}.index-module-scss-module__Lh29CW__swatches button{border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;width:4.4rem;height:4.4rem;font-size:1.8rem;font-weight:700;transition:all .12s}.index-module-scss-module__Lh29CW__swatches button:hover{transform:translateY(-2px)}.index-module-scss-module__Lh29CW__swatches button.index-module-scss-module__Lh29CW__on{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--accent-tint)}.index-module-scss-module__Lh29CW__slider{align-items:center;gap:1.6rem;display:flex}.index-module-scss-module__Lh29CW__slider label{min-width:12rem;color:var(--subtle);font-variant-numeric:tabular-nums;flex:none;font-size:1.6rem}.index-module-scss-module__Lh29CW__slider input[type=range]{accent-color:var(--primary-color);cursor:pointer;flex:1}.index-module-scss-module__Lh29CW__preview{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--container-background);width:100%;max-height:60vh;overflow:hidden}.index-module-scss-module__Lh29CW__preview canvas{object-fit:contain;width:100%;height:100%;display:block}.index-module-scss-module__Lh29CW__actions{flex-wrap:wrap;gap:.8rem;display:flex}