.tool-wrap[data-v-fe70d4be]{display:flex;flex-direction:column;gap:1rem}.preview-box[data-v-fe70d4be]{align-items:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);display:flex;font-size:.9rem;height:8rem;justify-content:center;transition:box-shadow .2s}.controls[data-v-fe70d4be]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ctrl[data-v-fe70d4be]{display:flex;flex-direction:column;gap:.3rem}.ctrl label[data-v-fe70d4be]{color:var(--text-muted);font-size:.8rem;font-weight:600}.slider[data-v-fe70d4be]{width:100%}.color-input[data-v-fe70d4be]{border:none;border-radius:var(--radius-md);cursor:pointer;height:2rem;width:3rem}.ctrl-inline[data-v-fe70d4be]{align-items:center;display:flex;gap:.4rem}.ctrl-inline label[data-v-fe70d4be]{color:var(--text-secondary);font-size:.875rem}.output-row[data-v-fe70d4be]{align-items:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem}.output-code[data-v-fe70d4be]{color:var(--text-primary);flex:1;font-family:var(--font-mono);font-size:.85rem}.copy-btn[data-v-fe70d4be]{background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--on-accent);cursor:pointer;flex-shrink:0;font-size:.8rem;padding:.3rem .75rem}