.tool-wrap[data-v-97d69f08]{display:flex;flex-direction:column;gap:1.2rem}.controls[data-v-97d69f08]{display:flex;flex-wrap:wrap;gap:.75rem}.ctrl-item[data-v-97d69f08]{display:flex;flex-direction:column;gap:.3rem}.ctrl-wide[data-v-97d69f08]{flex:1;min-width:200px}.ctrl-label[data-v-97d69f08]{color:var(--text-muted);font-size:.78rem;font-weight:600;text-transform:uppercase}.ctrl-input[data-v-97d69f08]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:.875rem;padding:.4rem .6rem;width:100px}.ctrl-wide .ctrl-input[data-v-97d69f08]{width:100%}.ctrl-color[data-v-97d69f08]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;height:36px;padding:2px;width:48px}.preview-wrap[data-v-97d69f08]{display:flex;flex-direction:column;gap:.4rem}.preview-label[data-v-97d69f08]{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase}.preview-box[data-v-97d69f08]{background:repeating-conic-gradient(var(--border) 0 25%,var(--bg-base) 0 50%) 0 0 /16px 16px;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:center;overflow:auto;padding:1rem}.preview-img[data-v-97d69f08]{display:block;max-width:100%}.panel[data-v-97d69f08]{display:flex;flex-direction:column;gap:.4rem}.panel-header[data-v-97d69f08]{align-items:center;display:flex;justify-content:space-between}.panel-label[data-v-97d69f08]{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase}.io-area[data-v-97d69f08]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;padding:.75rem;resize:vertical;width:100%}.copy-btn[data-v-97d69f08],.output-area[data-v-97d69f08]{color:var(--text-secondary)}.copy-btn[data-v-97d69f08]{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;padding:.2rem .6rem;transition:all .15s}.copy-btn[data-v-97d69f08]:hover{border-color:var(--accent);color:var(--accent)}