.index-module-scss-module__UyNNwW__dropZone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--container-background);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:100%;padding:2.4rem;transition:all .2s;display:flex}.index-module-scss-module__UyNNwW__dropZone svg{color:var(--primary-color);font-size:3.2rem}.index-module-scss-module__UyNNwW__dropZone span{word-break:break-all;font-size:1.6rem;font-weight:700}.index-module-scss-module__UyNNwW__dropZone em{color:var(--subtle);font-size:1.6rem;font-style:normal}.index-module-scss-module__UyNNwW__dropZone:hover,.index-module-scss-module__UyNNwW__dropZone.index-module-scss-module__UyNNwW__dragging{border-color:var(--primary-color)}.index-module-scss-module__UyNNwW__preview{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:32rem}.index-module-scss-module__UyNNwW__bar{border-radius:var(--radius-pill);height:2.4rem;display:flex;overflow:hidden}.index-module-scss-module__UyNNwW__bar span{min-width:.4rem;display:block}.index-module-scss-module__UyNNwW__swatches{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.index-module-scss-module__UyNNwW__swatches button{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:1.6rem 1.4rem;transition:transform .12s;display:flex}.index-module-scss-module__UyNNwW__swatches button:hover{transform:translateY(-2px)}.index-module-scss-module__UyNNwW__swatches button strong{font-family:var(--font-mono);font-size:1.8rem}.index-module-scss-module__UyNNwW__swatches button span{opacity:.85;font-size:1.6rem}.index-module-scss-module__UyNNwW__actions{flex-wrap:wrap;gap:.8rem;display:flex}.index-module-scss-module__UyNNwW__actions>*{flex:1}