.gen[data-v-31ae9012]{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.gen__drop[data-v-31ae9012]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:160px;border:2px dashed var(--tk-line);border-radius:12px;cursor:pointer;color:var(--tk-muted-2)}.gen__drop.is-drag[data-v-31ae9012]{border-color:var(--tk-accent);background:var(--tk-accent-soft)}.gen__body[data-v-31ae9012]{display:flex;flex-direction:column;gap:14px;width:100%}.gen__wrap[data-v-31ae9012]{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.gen__canvas[data-v-31ae9012]{max-width:360px;max-height:320px;border:1px solid var(--tk-line);border-radius:10px;cursor:crosshair}.gen__info[data-v-31ae9012]{display:flex;flex-direction:column;gap:12px;min-width:200px}.gen__swatch[data-v-31ae9012]{width:100%;height:60px;border-radius:10px;border:1px solid var(--tk-line)}.gen__vals[data-v-31ae9012]{display:flex;flex-direction:column;gap:6px}.gen__key[data-v-31ae9012]{font-size:13px;color:var(--tk-muted-2);cursor:copy}.gen__key[data-v-31ae9012]:hover{color:var(--tk-accent)}.gen__key span[data-v-31ae9012]{color:var(--tk-text);margin-left:6px;font-family:SFMono-Regular,Consolas,monospace}.gen__samples[data-v-31ae9012]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gen__samples .gen__key[data-v-31ae9012]{width:22px;height:22px;border-radius:6px;border:1px solid var(--tk-line);cursor:pointer}.gen__samples .gen__key[data-v-31ae9012]:hover{transform:scale(1.15)}.gen__lbl[data-v-31ae9012]{font-size:13px;color:var(--tk-muted-2)}