.gradient-tool[data-v-19ee4443]{width:100%}.controls[data-v-19ee4443]{margin-bottom:1.5rem}.control-row[data-v-19ee4443]{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:flex-end}.control-group[data-v-19ee4443]{display:flex;flex-direction:column;gap:.35rem}.control-group label[data-v-19ee4443],.stops-section label[data-v-19ee4443],.preview-section>label[data-v-19ee4443],.output-section>label[data-v-19ee4443]{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.35rem}select[data-v-19ee4443]{min-width:140px}.slider[data-v-19ee4443]{width:200px;accent-color:var(--accent)}.stops-section[data-v-19ee4443]{margin-top:.5rem}.stops-header[data-v-19ee4443]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.add-stop-btn[data-v-19ee4443]{padding:.35rem .75rem;background:var(--accent-bg);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-size:.8rem;cursor:pointer;transition:all .2s}.add-stop-btn[data-v-19ee4443]:hover:not(:disabled){background:var(--accent);color:#fff}.add-stop-btn[data-v-19ee4443]:disabled{opacity:.4;cursor:not-allowed}.stop-row[data-v-19ee4443]{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.stop-color[data-v-19ee4443]{width:40px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;padding:2px}.stop-hex[data-v-19ee4443]{width:100px;font-family:var(--font-mono);font-size:.85rem}.stop-position[data-v-19ee4443]{display:flex;align-items:center;gap:.5rem;flex:1}.stop-position .slider[data-v-19ee4443]{flex:1;min-width:80px}.pos-label[data-v-19ee4443]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);min-width:40px;text-align:right}.remove-stop-btn[data-v-19ee4443]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:all .2s}.remove-stop-btn[data-v-19ee4443]:hover:not(:disabled){border-color:var(--error);color:var(--error)}.remove-stop-btn[data-v-19ee4443]:disabled{opacity:.3;cursor:not-allowed}.preview-section[data-v-19ee4443]{margin-bottom:1.5rem}.gradient-preview[data-v-19ee4443]{width:100%;height:180px;border-radius:var(--radius);border:1px solid var(--border)}.output-section[data-v-19ee4443]{margin-bottom:1rem}.code-row[data-v-19ee4443]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}.css-output[data-v-19ee4443]{flex:1;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);word-break:break-all}@media(max-width:640px){.control-row[data-v-19ee4443]{flex-direction:column;align-items:stretch}.slider[data-v-19ee4443]{width:100%}.stop-row[data-v-19ee4443]{flex-wrap:wrap}}