.gen[data-v-e57bbcd8]{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.gen__upload[data-v-e57bbcd8]{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:28px;border:2px dashed var(--tk-line);border-radius:12px;cursor:pointer;transition:border-color .2s}.gen__upload[data-v-e57bbcd8]:hover{border-color:var(--tk-accent)}.gen__hint[data-v-e57bbcd8]{color:var(--tk-muted-2);font-size:12px;margin:0}.gen__body[data-v-e57bbcd8]{display:flex;flex-direction:column;gap:16px;width:100%}.gen__img[data-v-e57bbcd8]{max-width:320px;max-height:260px;border-radius:10px;border:1px solid var(--tk-line)}.gen__colors[data-v-e57bbcd8]{display:flex;flex-wrap:wrap;gap:12px}.gen__color[data-v-e57bbcd8]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:1px solid var(--tk-line);border-radius:10px}.gen__color code[data-v-e57bbcd8]{font-size:12px}.gen__swatch[data-v-e57bbcd8]{width:44px;height:44px;border-radius:8px;border:1px solid var(--tk-line)}.gen__pct[data-v-e57bbcd8]{font-size:12px;color:var(--tk-muted-2)}