.gradient-generator-module__rYtQVG__container{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.gradient-generator-module__rYtQVG__container{grid-template-columns:1fr 380px}}.gradient-generator-module__rYtQVG__preview{border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:300px;position:relative;overflow:hidden}@media (min-width:768px){.gradient-generator-module__rYtQVG__preview{min-height:500px;position:sticky;top:80px}}.gradient-generator-module__rYtQVG__previewOverlay{bottom:var(--space-md);left:var(--space-md);position:absolute}.gradient-generator-module__rYtQVG__previewLabel{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-sm);font-size:var(--text-xs);color:#ffffffb3;background:#0006;padding:4px 10px;font-weight:500}.gradient-generator-module__rYtQVG__controls{gap:var(--space-xl);flex-direction:column;display:flex}.gradient-generator-module__rYtQVG__controlGroup{gap:var(--space-sm);flex-direction:column;display:flex}.gradient-generator-module__rYtQVG__label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-weight:600;display:flex}.gradient-generator-module__rYtQVG__labelValue{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:400}.gradient-generator-module__rYtQVG__typeButtons{gap:var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:4px;display:flex}.gradient-generator-module__rYtQVG__typeBtn{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;flex:1;font-weight:500}.gradient-generator-module__rYtQVG__typeBtn:hover{color:var(--color-text-primary)}.gradient-generator-module__rYtQVG__typeBtnActive{background:var(--glass-bg-strong);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.gradient-generator-module__rYtQVG__slider,.gradient-generator-module__rYtQVG__posSlider{appearance:none;border-radius:var(--radius-full);background:var(--color-bg-tertiary);cursor:pointer;outline:none;width:100%;height:6px}.gradient-generator-module__rYtQVG__slider::-webkit-slider-thumb{appearance:none;background:var(--gradient-accent);cursor:pointer;border:2px solid var(--color-bg-primary);border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #667eea66}.gradient-generator-module__rYtQVG__posSlider::-webkit-slider-thumb{appearance:none;background:var(--gradient-accent);cursor:pointer;border:2px solid var(--color-bg-primary);border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #667eea66}.gradient-generator-module__rYtQVG__posSlider{flex:1}.gradient-generator-module__rYtQVG__stopsHeader{justify-content:space-between;align-items:center;display:flex}.gradient-generator-module__rYtQVG__addStopBtn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);background:0 0;padding:4px 12px;font-weight:600}.gradient-generator-module__rYtQVG__addStopBtn:hover:not(:disabled){background:var(--glass-bg);border-color:var(--color-border-hover);color:var(--color-text-primary)}.gradient-generator-module__rYtQVG__addStopBtn:disabled{opacity:.3;cursor:not-allowed}.gradient-generator-module__rYtQVG__stopsList{gap:var(--space-sm);flex-direction:column;display:flex}.gradient-generator-module__rYtQVG__stopRow{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.gradient-generator-module__rYtQVG__colorPickerWrapper{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.gradient-generator-module__rYtQVG__colorPicker{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;width:28px;height:28px;padding:0}.gradient-generator-module__rYtQVG__colorPicker::-webkit-color-swatch-wrapper{padding:0}.gradient-generator-module__rYtQVG__colorPicker::-webkit-color-swatch{border:2px solid var(--color-border);border-radius:var(--radius-sm)}.gradient-generator-module__rYtQVG__colorHex{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);width:60px}.gradient-generator-module__rYtQVG__posValue{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:right;flex-shrink:0;width:32px}.gradient-generator-module__rYtQVG__removeBtn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-tertiary);font-size:var(--text-lg);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gradient-generator-module__rYtQVG__removeBtn:hover:not(:disabled){color:#ff6b6b;background:#ff64641a}.gradient-generator-module__rYtQVG__removeBtn:disabled{opacity:.2;cursor:not-allowed}.gradient-generator-module__rYtQVG__codeBlock{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.gradient-generator-module__rYtQVG__code{padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);white-space:pre;margin:0;line-height:1.6;overflow-x:auto}.gradient-generator-module__rYtQVG__copyBtn{top:var(--space-sm);right:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);padding:4px 12px;font-weight:600;position:absolute}.gradient-generator-module__rYtQVG__copyBtn:hover{background:var(--glass-bg-strong);border-color:var(--color-border-hover);color:var(--color-text-primary)}.gradient-generator-module__rYtQVG__presets{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));display:grid}.gradient-generator-module__rYtQVG__presetBtn{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast);background:0 0;flex-direction:column;align-items:center;gap:4px;display:flex}.gradient-generator-module__rYtQVG__presetBtn:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.gradient-generator-module__rYtQVG__presetSwatch{aspect-ratio:1.5;border-radius:var(--radius-sm);width:100%}.gradient-generator-module__rYtQVG__presetName{color:var(--color-text-tertiary);font-size:10px;font-family:var(--font-sans)}