.gradient-page[data-v-0eb05eca]{display:flex;flex-direction:column;gap:.75rem}.action-bar[data-v-0eb05eca]{display:flex;align-items:center}.action-bar-right[data-v-0eb05eca]{display:flex;gap:.5rem;margin-left:auto}.type-tabs[data-v-0eb05eca]{display:flex;gap:0;border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden;width:fit-content}.type-tab[data-v-0eb05eca]{padding:.45rem 1.25rem;background:transparent;border:none;border-right:1px solid var(--glass-border);cursor:pointer;font-size:.85rem;color:var(--text-muted);transition:background .15s,color .15s}.type-tab[data-v-0eb05eca]:last-child{border-right:none}.type-tab[data-v-0eb05eca]:hover{background:#ffffff0f;color:var(--text-primary)}.type-tab.active[data-v-0eb05eca]{background:var(--accent);color:#fff}.preview-section[data-v-0eb05eca]{border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.section-label[data-v-0eb05eca]{padding:.4rem .75rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.preview-bar[data-v-0eb05eca]{height:200px;width:100%;transition:background .15s}.controls-panel[data-v-0eb05eca]{display:flex;flex-direction:column;gap:.75rem}.control-group[data-v-0eb05eca]{padding:.75rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg)}.control-group-header[data-v-0eb05eca]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.control-group-label[data-v-0eb05eca]{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.toggle-label[data-v-0eb05eca]{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);cursor:pointer}.control-row[data-v-0eb05eca]{display:flex;align-items:center;gap:.5rem}.range-input[data-v-0eb05eca]{flex:1;accent-color:var(--accent);cursor:pointer}.control-value[data-v-0eb05eca]{font-size:.78rem;color:var(--text-primary);min-width:3rem;text-align:right}.io-select[data-v-0eb05eca]{flex:1;padding:.3rem .5rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;cursor:pointer}.stops-list[data-v-0eb05eca]{display:flex;flex-direction:column;gap:.5rem}.stop-row[data-v-0eb05eca]{display:flex;align-items:center;gap:.5rem}.color-picker[data-v-0eb05eca]{width:36px;height:28px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:transparent;cursor:pointer;padding:2px;flex-shrink:0}.stop-color-value[data-v-0eb05eca]{font-size:.75rem;color:var(--text-muted);min-width:4.5rem}.stop-color-value.mono[data-v-0eb05eca]{font-family:var(--font-mono, monospace)}.checkbox-input[data-v-0eb05eca]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.btn-icon[data-v-0eb05eca]{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;padding:.2rem .4rem;border-radius:var(--radius-sm);line-height:1;flex-shrink:0}.btn-icon[data-v-0eb05eca]:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.btn-icon[data-v-0eb05eca]:disabled{opacity:.3;cursor:not-allowed}.css-section[data-v-0eb05eca]{border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.css-output[data-v-0eb05eca]{margin:0;padding:.75rem;font-family:var(--font-mono, monospace);font-size:.82rem;color:var(--text-primary);background:transparent;white-space:pre-wrap;word-break:break-all;line-height:1.6}